合买大神
网站首页 网站建设 公司动态 行业新闻 案例展示 关于我们

文章内容

关于hr标签的一点认识

日期:2013-11-30  来源:攀枝花惠康网络公司

<hr> 标签可插入一个水平线。水平分隔线(horizontal rule)可以在视觉年夜将文档分隔成各个部门。

还有一点<hr>在浏览器中凡是是以2像素高的明暗线呈现的,而我们的设?#32856;?#20961;是只有1个像素。

在经常多时查找和测试,清算了一个斗劲兼容的css样式:

hr {margin-top:7px;*margin: 0; border: 0; color: #FFF; background-color: #FFF; height: 1px }

良多时辰我们用css中的border属性,或者border-top,或者border-bottom来实现这?#20013;?#19981;美观。这么做的原因年夜致的出于各个浏览器对<hr>的默示有一点点的纷歧致:

  1. 凡是默示在和文档其他标签的距离,IE要比FF超出跨越7像素;
  2. 线条的颜色节?#32856;?#20010;浏览器也纷歧样;

此鱿负

  1. margin-top:7px;*margin: 0;是解决ie和ff matgin-top纷歧致的问题;
  2. border: 0; 是去失踪ff的一条暗影线;
  3. color: #FFF; 是设置ie下水平线的颜色;
  4. background-color: #FFF; 是设置FF下水平线的颜色;
  5. height: 1px;是设置水平线的高度,当然你也可以把它设置2px,3px;

还有以下<hr />的css属性我们也可以看看;

  1. 宽度:width:80%或者width:80px ;
  2. 对齐: text-align:center; 或者 text-align:left; 或者 text-align:right;

扩展阅读:

  1. http://www.sovavsiti.cz/css/hr.html
  2. http://www.3internet.co.uk/resources/Design/theHRtag.aspx

文章来源:攀枝花惠康网络公司

惠康网络,是一家专业从事攀枝花网站建设,攀枝花网站制作,攀枝花网站设计公司,提供网站建设一条龙服务(网站域名注册+网站服务器租用+网站开发+网站维护+网站营销推广),惠康网络立足攀枝花,辐射全中国,攀枝花惠康网络的客户已经遍布国内各地大?#34892;?#22478;市,我们高效优质的网站建设服务深受用户好评。

客服?#35748;擼?img src="skin/images/tel.png" alt="tel" height="15" width="84" style="vertical-align:middle;">(谢先生)  客服QQ:1323605005  
服务邮箱:[email protected](售前咨询)  [email protected](技术部)  [email protected](售后服务)
公司地址:四川省攀枝花市
?#26102;啵?/span>617200

合买大神 新疆时时彩 电脑版王者荣耀按键设置 法国昂热地图 马德里竞技股份最大的老板 昆虫派对在线客服 皇马vs赫塔菲 昨晚30选5开奖结果 北京快3开奖公告 经典243免费试玩 德国杜塞尔多夫国际塑料及橡胶展览会