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

html-css027

css样式中怎样控制下划线的粗细?,第1张

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

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

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

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

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

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

CSS 加粗使用CSS属性单词font-weight:

例子:

.yangshi1{ font-weight:bold}

.yangshi2{ font-weight:600}

font-weight对象值:从100到900,最常用font-weight的值为bold

font-weight参数:

normal : 正常的字体。相当于number为400。声明此值将取消之前任何设置

bold : 粗体。相当于number为700。也相当于b对象的作用

bolder : IE5+ 特粗体

lighter : IE5+ 细体

number : IE5+ 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900