码迷,mamicode.com
首页 > Web开发 > 详细

html中各种hr样式

时间:2016-05-07 09:03:41      阅读:495      评论:0      收藏:0      [点我收藏+]

标签:

第一种

<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;" />
技术分享

-------------------------------------------------------------------------------------------------------------------------------------

第三种

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

技术分享

第四种

<hr style="height:3px;border:none;border-top:3px double red;" />
技术分享

第五种

<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   下颜色

技术分享



html中各种hr样式

标签:

原文地址:http://blog.csdn.net/yanqianglifei/article/details/51335359

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!