怎么给<hr>元素设置粗细
下面是HTML的问题部分：
<div id="main">
<p>
<h1>领先的 Web 技术教程 - 全部免费</h1>
<p>*************</p><hr>
</p>
</div>下面是CSS的部分：
hr{
height:2px;/*无效？？*/
}本来想在文字底下设置分隔线，就用
元素，现在想对
标签设置粗细，没有反应？？CSS和HTML连接良好，其他样式设置都没有问题，求各位路过的好心人帮帮小弟，小弟正在入门阶段。
展开
收起
1
条回答
写回答
写回答
-
IT从业各浏览器对于
元素的解析是有细微区别的。具体到这里来说，某些浏览器，比如FF，它的
默认就是2px，一明一暗两条线。所以设置2px是不会生效的。试试修改：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：
•<p>标签代表段落，里面最好不要再有其它标签；•
、
之类的空标签，最好写成：
、
；符合规范，易于阅读。<div id="main"> <p>领先的 Web 技术教程 - 全部免费</p> <p>*************</p> <hr /> </div>2019-07-17 19:30:28赞同 展开评论 打赏
版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
相关问答
问答排行榜
最热
最新
推荐问答
