CSS 常见样式 特殊用法 贯穿线&徽章&箭头

好的，以下是 CSS 中常见样式的特殊用法：

1. 贯穿线（strikethrough）

贯穿线可以通过 text-decoration 属性来实现，常见的有删除线、下划线和贯穿线，其中贯穿线可以通过添加以下样式来实现：

text-decoration: line-through;

2. 徽章（badge）

徽章是一种常见的 UI 元素，可以用于展示一些标记信息，比如新消息数量、未读邮件数量等。可以通过添加以下样式来实现一个简单的徽章：

.badge {
  display: inline-block;
  padding: 0.25em 0.4em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: #17a2b8;
  color: #fff;
}

3. 箭头（arrow）

箭头可以用于指示某个元素的方向或状态，比如下拉菜单、展开/收起等。可以通过添加以下样式来实现一个简单的箭头：

.arrow {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 5px 5px 5px;
  border-color: transparent transparent #fff transparent;
}

以上是 CSS 中常见样式的特殊用法。希望能对你有所帮助！