.underline { text-decoration: underline; }
其中,.underline
是一个CSS选择器,大家可以将其应用到任意HTML元素上,从而实现字上划线效果。
除了用于装饰文本外,CSS字上划线还有几个常见的应用场景:
- 用于表示链接:在HTML中,链接默认会在文本下面添加下划线,但如果你想要改变这个效果,可以使用CSS中的
text-decoration
属性来实现。 - 用于表示删除线:有时候大家需要在文本中标注一些过期或不再适用的内容,这时可以使用CSS中的
line-through
值来实现删除线效果。 - 用于表示波浪线:有些时候大家需要在文本中标注一些需要重点强调的内容,这时可以使用CSS中的
wavy
值来实现波浪线效果。
总之,CSS字上划线是一个功能强大的装饰效果,能够让你的网站更加美观、有吸引力。