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

Posted 2023-05-01

css样式中怎样控制下划线的粗细?
text-decoration: underline;

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

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

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

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

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

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

参考技术A 下划线的样式是浏览器默认样式决定的，无法通过编码操作。

不过有变通的方式，就是用下边框来替代下划线：
u
text-decoration: none;
border-bottom: 10px solid black;
参考技术B CSS不能控制下划线的粗细。
如果你的文字只是一行，可以通过设置下边框来达到效果。
例如要将下划线设成3px
*border-bottom: 3px solid #000;

border-bottom下边框
solid实线本回答被提问者采纳

控制进度条的粗细

【中文标题】控制进度条的粗细

【英文标题】：Control Thickness of ProgressBar

【发布时间】：2015-03-17 08:37:17

【问题描述】：

我有一个进度条，如下所示： 我的问题很简单，我将如何控制圆形视图的“厚度”，因为在我看来它似乎太厚了。非常感谢。

【问题讨论】：

使用自定义进度对话框，我的意思是你可以使用自己的图像，否则你无法控制默认进度条的粗细

【参考方案1】：

将其用于条形样式

style="?android:attr/progressBarStyleLarge"

【讨论】：

非常感谢 Gopal！它可以工作，但在调整尺寸后，我发现原来的实际上是最合适的。但我在进度条上了解更多