通过CSS设置下划线效果,有多种不同的方法,可以根据实潢廿笪安际情况来选择使用,text-decoration,U标签,border属性都可以。
工具/原料
电脑
方法/步骤
1、首先,输入要设置下划线的内容。
2、输入CSS样式,text-decoration,值选择“underline”
3、保存设置,打开浏览器看一下效果。
使用U标签
1、通过U标签设置下划线,同样输入要设置的内容
2、为文字添加上<u>标签
3、显示效果与text-decoration样式,差不了多少。
方法/步骤3
1、如果想修改一下下划线的颜色,大小等样式就可以通过border属性来设计,使用起来更灵活。
2、border-bottom属性,用来设置底部的边框样式
3、border-bottom:#FF00002pxsolid;设置边框大小为2PX的红色边框。
4、看一样效果,发现下划线是整个屏幕的宽度,所以接下来要修改一下宽度。
5、宽度设置成180px,宽度根据实际情况调整就可以了。