怎样用CSS样式在文字下面加下划线

html-css09

怎样用CSS样式在文字下面加下划线,第1张

给需要添加下划线的元素应用如下css样式即可

text-decoration: underline

示例如下:

给需要添加下划线的元素一个标记,这里设置为一个名叫underline的类

<h2>我不加下划线</h2>

<h2 class="underline">我要加下划线</h2>

应用上面给出的添加下划线的样式

h2{color:blue} /*设置文字颜色为蓝色*/

h2.underline{text-decoration: underline} /*只为有underline标识的元素添加下划线*/

效果如下

1、可以用CSS中的边框实现,border是设置边框的属性,有一个属性dotted就是点划线。具体的设置方法,首先新建一个html文件,在文件内写入一个div标签,给它一个class属性demo:

2、设置demo的class样式,这里给demo一个宽度,表示点划线的长度,高度设为0,然后设置border-bottom的属性的边框样式为dashed点划线,宽度为5px,颜色为黑色,这样就设置好了:

3、打来浏览器,可以看到屏幕中的一条黑色点划线、以上就是用css实现点划线的流程:

方法如下:

1:text-line-through-color:设置删除线的颜色。

2:text-overline: text-overline-color: 设置上划线的颜色

3:text-underline:text-underline-color:设置下划线的颜色