当前位置:首页>维修大全>综合>

怎么用HTML代码写出好看的水平线 如题(web前端开发html怎么加下划线)

怎么用HTML代码写出好看的水平线 如题(web前端开发html怎么加下划线)

更新时间:2025-06-10 13:49:20

怎么用HTML代码写出好看的水平线 如题

可以使用HTML中的`<hr>`标签来创建水平线。可以通过以下方式来美化水平线:

1. 设置颜色:使用CSS样式来设置水平线的颜色,例如:`<hr style="color: #ccc;">`。

2. 设置宽度:使用CSS样式来设置水平线的宽度,例如:`<hr style="width: 50%;">`。

3. 设置样式:使用CSS样式来设置水平线的样式,例如:`<hr style="border-style: dashed;">`。

4. 添加文本:在水平线下方添加文本,例如:`<hr><p>这是一条水平线</p><hr>`。

以下是一个示例代码:

```

<!DOCTYPE html>

<html>

<head>

 <title>水平线示例</title>

 <style>

  hr {

   color: #ccc;

   width: 50%;

   border-style: dashed;

  }

 </style>

</head>

<body>

 <hr>

 <p>这是一条水平线</p>

 <hr>

</body>

</html>

```

<hr width="你想设定的宽度" color="水平线的颜色">水平线的属性很少的!在实际的应用中也只有这两个属性!

更多栏目