css中划线代码 css画线

CSS中划线是一种常见的样式效果，可以用来给文本添加横线或删除线。在CSS中，可以使用text-decoration属性来实现划线效果。

我们来看一下如何给文本添加横线。通过设置text-decoration属性的值为"underline"，可以给文本添加下划线。下面是一个示例代码：

p {
  text-decoration: underline;
}

上面的代码将给所有的`<p>`元素添加下划线。如果只想给特定的文本添加下划线，可以使用class或id选择器来选择相应的元素，并将text-decoration属性应用于它们。例如，下面的代码将给class为"underline-text"的元素添加下划线：

.underline-text {
  text-decoration: underline;
}

除了下划线，CSS还支持给文本添加删除线。通过设置text-decoration属性的值为"line-through"，可以给文本添加删除线。下面是一个示例代码：

p {
  text-decoration: line-through;
}

上面的代码将给所有的`<p>`元素添加删除线。同样地，如果只想给特定的文本添加删除线，可以使用class或id选择器来选择相应的元素，并将text-decoration属性应用于它们。例如，下面的代码将给class为"line-through-text"的元素添加删除线：

.line-through-text {
  text-decoration: line-through;
}

text-decoration属性还支持其他值，如"overline"（给文本添加上划线）和"none"（移除文本的划线效果）。可以根据需要选择合适的值来实现不同的划线效果。

需要注意的是，text-decoration属性不仅可以应用于文本，还可以应用于其他元素，如链接（<a>）和标题（<h1>、<h2>等）。通过设置text-decoration属性，可以自定义链接的划线效果，或者给标题添加特殊的装饰效果。

总结一下，通过使用text-decoration属性，我们可以在CSS中实现文本的划线效果，包括下划线和删除线。可以通过设置不同的属性值来实现不同的划线效果，如"underline"、"line-through"、"overline"等。text-decoration属性还可以应用于其他元素，扩展了划线效果的应用范围。

希望以上内容能够帮助你理解CSS中划线的相关知识。如果你还有其他问题，可以继续提问。