请选择 进入手机版 | 继续访问电脑版

林海谐缘

 找回密码
 人工审核注册
搜索
查看: 1112|回复: 0

CSS定义HR水平线的几种样式

[复制链接]
发表于 2014-7-8 03:39:10 | 显示全部楼层 |阅读模式
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <head>
  4. <title>CSS定义HR水平线</title>
  5. <style type="text/css">
  6. <!--
  7. .hr0{ height:1px;border:none;border-top:1px dashed #0066CC;}
  8. .hr1{ height:1px;border:none;border-top:1px solid #555555;}
  9. .hr2{ height:3px;border:none;border-top:3px double red;}
  10. .hr3{ height:5px;border:none;border-top:5px ridge green;}
  11. .hr4{ height:10px;border:none;border-top:10px groove skyblue;}
  12. -->
  13. </style>
  14. </head>
  15. <body>
  16. <hr class="hr0" />
  17. <hr class="hr1" />
  18. <hr class="hr2" />
  19. <hr class="hr3" />
  20. <hr class="hr4" />
  21. </body>
  22. </html>
复制代码
您需要登录后才可以回帖 登录 | 人工审核注册

本版积分规则

QQ|手机版|小黑屋|林海谐缘论坛 ( 豫ICP备07015145号 ) |
拒绝任何人以任何形式在本论坛发表与中华人民共和国法律相抵触的言论 | 管理员:linker(QQ:80555546) 群:3067918

GMT+8, 2020-9-29 13:40 , Processed in 0.029642 second(s), 7 queries , File On.

Powered by Discuz! X3.4

© 2001-2017 Comsenz Inc.

快速回复 返回顶部 返回列表