目录

如何操作 - 徽章


了解如何使用 CSS 创建徽章。


如何创建徽章

徽章可用于向元素/内容添加附加信息:

示例标题新的

示例标题新的

示例标题新的

示例标题新的

亲自试一试 »


步骤1)添加HTML:

示例

<span class="badge">New</span>
步骤2)添加CSS:

示例

.badge {
  background-color: red;
  color: white;
  padding: 4px 8px;
  text-align: center;
  border-radius: 5px;
}
亲自试一试 »