学透CSS-你不知道的下划线属性-text-decoration 文本属性

在CSS中，text-decoration属性用于设置或删除文本的装饰。这种装饰通常用于添加下划线、上划线、删除线等效果。

以下是text-decoration属性的一些常用值：

• none：定义标准的文本，没有任何装饰。
• underline：定义文本下的线。
• overline：定义文本上的线。
• line-through：定义穿过文本的线。
• inherit：从父元素继承text-decoration属性的值。

实例代码：

/* 无下划线 */
.no-underline {
  text-decoration: none;
}
 
/* 有下划线 */
.underline {
  text-decoration: underline;
}
 
/* 有删除线 */
.line-through {
  text-decoration: line-through;
}
 
/* 继承父元素的下划线属性 */
.inherit-decoration {
  text-decoration: inherit;
}

在HTML中使用这些类：

<p class="no-underline">这段文本没有下划线。</p>
<p class="underline">这段文本有下划线。</p>
<p class="line-through">这段文本有删除线。</p>
<p class="inherit-decoration">这段文本继承了父元素的下划线属性。</p>

在实际应用中，可以根据需要选择合适的text-decoration属性值。