在网页设计和开发中,我们经常需要对文字进行样式设置,包括字体、颜色、大小等。其中,设置文字下划线是一种常见的需求。本文将介绍如何使用CSS来设置文字下划线,并提供相应的源代码示例。
CSS中使用text-decoration
属性来设置文字的装饰效果,包括下划线。下面是一些常用的取值:
none
:默认值,不设置任何装饰效果。underline
:设置文字下方显示下划线。overline
:设置文字上方显示划线。line-through
:设置文字中间显示删除线。blink
:设置文字闪烁。
要设置文字下划线,我们可以使用text-decoration
属性,并将其值设置为underline
。下面是一个示例:
<style>
.underline-text {
text-decoration: underline;
}
</style>
<p class=