在网页中制作一条水平线的方法和代码

发布时间:2019-12-13 14:19:22   分类:网页代码0
网页中制作一条水平线的HTML代码用以下的方法可以实现:

1.使用html中的border属性来设置一条水平线

<div style="width:500px; border:1px solid red;"></div>
<!--复制到html文件中就会是一条红色水平直线,线的颜色、长短、可自己调节-->   


2.使用hr标签可以制作一条水平直线

<hr/>


3.使用background-color来制作一条线,和border基本类似

<div style="width:500px; height:1px;background-color:red;"></div>
<!--复制到html文件中就会是一条红色水平直线,线的颜色、长短、可自己调节-->  

 
4.可利用背景图来实现和background-color原理一样

<div style="width:500px; height:1px;background:url(背景图的路径) repeat-x;"></div>
<!--复制到html文件中就会是一条红色水平直线,线的颜色、长短、可自己调节-->   
QQ咨询