css样式中怎样控制下划线的粗细?

1、如果想修改一下下划线的颜色,大小等样式就可以通过border属性来设计,使用起来更灵活。2、border-bottom属性,用来设置底部的边框样式。3、border-bottom: #FF0000 2px solid ;设置边框大小为2PX的红色边框。4、看一样效果,发现下划线是整个屏幕的宽度,所以接下来要修改一下宽度。5、宽度设置成180...
css样式中怎样控制下划线的粗细?
CSS不能控制下划线的粗细。
如果你的文字只是一行,可以通过设置下边框来达到效果。
例如要将下划线设成3px
*{border-bottom: 3px solid #000;}

border-bottom下边框
solid实线2006-07-20
1、如果想修改一下下划线的颜色,大小等样式就可以通过border属性来设计,使用起来更灵活。

2、border-bottom属性,用来设置底部的边框样式。

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

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

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

6、最后显示下划线效果。

2019-07-19
下划线的样式是浏览器默认样式决定的,无法通过编码操作。

不过有变通的方式,就是用下边框来替代下划线:
u {
text-decoration: none;
border-bottom: 10px solid black;
}2015-05-18
mengvlog 阅读 56 次 更新于 2025-12-20 15:52:58 我来答关注问题0
檬味博客在线解答立即免费咨询

CSS相关话题

Copyright © 2023 WWW.MENGVLOG.COM - 檬味博客
返回顶部