hr 标签在 HTML 页面中创建一条水平线。
创新互联坚持“要么做到,要么别承诺”的工作理念,服务领域包括:网站建设、网站设计、企业官网、英文网站、手机端网站、网站推广等服务,满足客户于互联网时代的永丰网站设计、移动媒体设计的需求,帮助企业找到有效的互联网解决方案。努力成为您成熟可靠的网络建设合作伙伴!
水平分隔线(horizontal rule)可以在视觉上将文档分隔成各个部分。
至于CSS,如果不针对HR标签书写CSS样式,那就只是一条黑色水平线。
CSS可以定义更漂亮的分割线。例如颜色描边背景边距等。
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""
html xmlns="" xml:lang="en" lang="en"
head
titleCSS定义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标签是内容强制换行,属于内容层面的东西,如果愿意添加不是不可以,都是完全可以的,但是为了保持代码清洁,不建议div和hr一起用