css下划线的属性设置

css下划线的属性设置

通过CSS设置下划线效果，有多种不同的方法，可以根据实际情况来选择使用，text-decoration，U标签，border属性都可以。

首先，输入要设置下划线的内容。

输入CSS样式，text-decoration，值选择“underline”

保存设置，打开浏览器看一下效果。

通过U标签设置下划线，同样输入要设置的内容

为文字添加上标签

显示效果与text-decoration样式，差不了多少。

如果想修改一下下划线的颜色，大小等样式就可以通过border属性来设计，使用起来更灵活。

border-bottom属性，用来设置底部的边框样式

border-bottom: #FF0000 2px solid ;设置边框大小为2PX的红色边框。

看一样效果，发现下划线是整个屏幕的宽度，所以接下来要修改一下宽度。

宽度设置成180px，宽度根据 实际情况调整就可以了。