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;" />