HTML基础（三）---- hr水平线

 

hr标签

1.定义和用法：

 <hr/>标签在HTML页面中创建一条水平线。

水平分隔线（horizontal rule）可以在视觉上将文档分隔成各个部分。

2.有水平线肯定就有竖线，下面就是生成竖线的方法：

        <hr style="height: 100px;width: 4px; border-color: red;" />
接下来讲讲生成各种样式的水平线的方法

1.虚线---dot

		<hr style=" height:2px;border:none;border-top:5px dotted red;" />

border：设置无边框

border-top：设置水平线样式，5px指线的长宽度，dotted是线的样式，red是线颜色

 height:2px;是hr的高度

2.破折线---dash

		<hr style="height: 1px; border: none; border-top: 1px dashed red;" />

3.实线---solid

		<hr style="height: 2px; border: none; border-top: 1px solid red;" />

4.双实线---double

		<hr style="height: 2px; border: none; border-top: 3px double darkblue;" />

5.脊线式边框---ridge

		<hr style="height: 2px; border: none; border-top: 5px ridge yellowgreen;" />

6.沟槽---groove

		<hr style="height: 2px; border: none; border-top: 10px groove red;" />