淘先锋技术网

首页 1 2 3 4 5 6 7
HTML画横线并设置样式

在HTML中,横线通常可以用来分割内容或标记某些重要内容。

使用HTML标签<hr>可以轻松地画出一条横线:

<hr>

效果如下:


但是默认的横线可能不符合我们的需求,我们可以使用CSS样式来调整它的样式。

下面是一些常用的样式:

hr {
border: 0; 
height: 1px; 
background-color: #333; 
background-image: linear-gradient(to right, #ccc, #333, #ccc);
}

这个样式会使得横线没有边框,高度为1像素,颜色为#333,背景渐变色为#ccc到#333再到#ccc。

效果如下:


我们还可以调整横线的宽度、颜色、样式等属性,具体方法可以参考CSS样式表。

总之,借助HTML标签<hr>和CSS样式,我们可以轻松地画出符合需求的横线。