- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
- <head>
- <title>CSS定义HR水平线</title>
- <style type="text/css">
- <!--
- .hr0{ height:1px;border:none;border-top:1px dashed #0066CC;}
- .hr1{ height:1px;border:none;border-top:1px solid #555555;}
- .hr2{ height:3px;border:none;border-top:3px double red;}
- .hr3{ height:5px;border:none;border-top:5px ridge green;}
- .hr4{ height:10px;border:none;border-top:10px groove skyblue;}
- -->
- </style>
- </head>
- <body>
- <hr class="hr0" />
- <hr class="hr1" />
- <hr class="hr2" />
- <hr class="hr3" />
- <hr class="hr4" />
- </body>
- </html>
欢迎大家阅读《详解css定义HR水平线的几种样式_css》,跪求各位点评,若觉得好的话请收藏本文，by 搞代码
搞代码网（gaodaima.com）提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected]，我们会在看到邮件的第一时间内为您处理，或直接联系QQ：872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接：详解CSS定义HR水平线的几种样式_css
转载请注明原文链接：详解CSS定义HR水平线的几种样式_css
