如何 - 标签
学习如何使用 CSS 样式标签。
成功 信息 警告 危险 其他
如何样式标签
步骤 1) 添加 HTML
示例
<span class="label success">成功</span>
<span class="label info">信息</span>
<span class="label warning">警告</span>
<span class="label danger">危险</span>
<span class="label other">其他</span>
步骤 2) 添加 CSS
示例
.label {
color: white;
padding: 8px;
}
.success {background-color: #04AA6D;} /* 绿色 */
.info {background-color: #2196F3;} /* 蓝色 */
.warning {background-color: #ff9800;} /* 橙色 */
.danger {background-color: #f44336;} /* 红色 */
.other {background-color: #e7e7e7; color: black;} /* 灰色 */
自己试试 »
