html 横线的代码
2015-07-28 18:44
706 查看
第一种:
<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 下颜色
原文来源:http://jingyan.baidu.com/article/af9f5a2d37342c43140a4500.html
<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 下颜色
原文来源:http://jingyan.baidu.com/article/af9f5a2d37342c43140a4500.html
相关文章推荐
- 在Windows 8.1的IE 11中屏蔽双击放大功能
- 通过Mootools 1.2来操纵HTML DOM元素
- WEB标准网页布局中尽量不要使用的HTML标签
- Flash 与 html 的一些实用技巧
- html工作中表格<tbody>标签的使用技巧
- HTML 向 XHTML1.0 兼容性指导
- C#自写的一个HTML解析类(类似XElement语法)
- 没有文件大小限制并免费的PDF到HTML转换工具
- css实现气泡框效果(实例加图解)
- html链接与文本标签们
- html活用软字符连接符
- 浅谈html中id和name的区别实例代码
- HTML <!DOCTYPE> 标签
- asp中实现清除html的函数
- Android的TextView与Html相结合的具体方法
- jQuery设置和获取HTML、文本和值示例
- 『jQuery』.html(),.text()和.val()的概述及使用
- php正则替换处理HTML页面的方法
- PHP抓取网页、解析HTML常用的方法总结