下面是HTML的问题部分:
<div id="main">
<p>
<h1>领先的 Web 技术教程 - 全部免费</h1>
<p>*************</p><hr>
</p>
</div>
下面是CSS的部分:
hr{
height:2px;/*无效??*/
}
本来想在文字底下设置分隔线,就用
各浏览器对于
具体到这里来说,某些浏览器,比如FF,它的
试试修改:http://jsfiddle.net/ronesam/q02ba8qr/点击预览
解决方案:
hr {
margin-top:7px;
*margin: 0;
border: 0;
color: black;
background-color: black;
height: 1px
}
其中:
1.margin-top:7px;*margin: 0;是解决ie和ff matgin-top不一致的问题;
2.border: 0; 是去掉ff的一条阴影线;
3.color: black; 是设置ie老版本水平线的颜色;
4.background-color: black; 是设置FF下水平线的颜色;
5.height: 1px;是设置水平线的高度,当然你也可以把它设置2px,3px;
参考:http://www.css88.com/archives/942
PS:
•
标签代表段落,里面最好不要再有其它标签;
•
<div id="main">
<p>领先的 Web 技术教程 - 全部免费</p>
<p>*************</p>
<hr />
</div>
版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。