html如何添加下划线？_随笔

html添加下划线，需要结合css样式才能做出来，使用css的text-decoration:underline这个属性就行，如果不需要了用text-decoration:none就行，一般都是对文字使用，具体看下代码：

<html>

<head>

<style>

#div{

width:400px

height:300px

}

#div p{

line-height:30px

text-text-decoration:underline

}

</style>

</head>

<body>

<p>我是测试文字</p>

</div>

</body>

</html>

方法和详细的 *** 作步骤如下：

1、第一步，如果要修改下划线的颜色，大小和其他样式，可以通过border属性设计，使用起来更灵活，见下图，转到下面的步骤。

2、第二步，执行完上面的 *** 作之后， border-bottom属性用于设置底部边框样式，见下图，转到下面的步骤。

3、第三步，执行完上面的 *** 作之后，border-bottom: #FF0000 2px solid ；将边框大小设置为2PX红色边框，见下图，转到下面的步骤。

4、第四步，执行完上面的 *** 作之后，观察到相同的效果，发现下划线是整个屏幕的宽度，因此接下来将更改宽度，见下图，转到下面的步骤。

5、第五步，执行完上面的 *** 作之后，宽度设置为180px，可以根据实际情况进行调整，见下图，转到下面的步骤。

6、第六步，执行完上面的 *** 作之后，将显示下划线效果，见下图。这样，就解决了这个问题了。

<u>推荐单位（专家）</u>，没有文字的时候，就直接在下面画一条线

<hr></hr>再给它一个位置

</div>

欢迎分享，转载请注明来源：内存溢出

html如何添加下划线？