css 样式，怎样控制下划线长度

html-css023

css 样式，怎样控制下划线长度,第1张

其实可以写个div，给div的下边框加上线条，控制div的长度就可以了

.token {

    width: 300px

    border-bottom: 1px solid black

}

<div class="token">外婆家私房菜:账户管理</div>

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

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

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

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

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

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