6种漂亮的线条

第一种:

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

height:2px;是hr的高度

border:none;是没有边框

border-top:2px dotted #185598;是设置横线的样式

dotted 点线 #185598 颜色

第二种:

<hr style="height:1px;border:none;border-top:1px dashed #0066CC;" />
dashed 虚线

第三种:

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

solid 实线

第四种:

<hr style="height:3px;border:none;border-top:3px double red;" />
double 双线

第五种:

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

第六种:

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

border-top:10px groove skyblue; groove 上颜色 skyblue 下颜色

发布了32 篇原创文章 · 获赞 4 · 访问量 537

猜你喜欢

转载自blog.csdn.net/liaowenxiong/article/details/104946083