详解CSS定义HR水平线的几种样式
日期：2013-05-11 浏览次数：21377 次
- <!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" />
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
