求助：关于css外部样式表不能正常显示的问题
初学者的问题：我在学习css的外部样式表时，在html文本中调用外部的css样式表时，发现其他的元素都可以正常被调用，只有<hr/>在css中设置好的属性不能在IE和ch...
初学者的问题：
我在学习css的外部样式表时，在html文本中调用外部的css样式表时，发现其他的元素都可以正常被调用，只有<hr />在css中设置好的属性不能在IE和chrome中正确显示，但是在firefox中的显示是正常的。代码如下（两个文件放在同一个文件夹下）：
test.css:
@charset "utf-8";
/* CSS Document */
hr {color: red;}
p {margin-left: 20px;}
test.html:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="test.css" />
</head>
<body>
<p> have fun! </p>
<hr />
</body>
</html>
在test.html中调用test.css时，在IE和chrome中都不能显示红色的线，是因为我的代码有问题吗？谢谢。 展开
我在学习css的外部样式表时，在html文本中调用外部的css样式表时，发现其他的元素都可以正常被调用，只有<hr />在css中设置好的属性不能在IE和chrome中正确显示，但是在firefox中的显示是正常的。代码如下（两个文件放在同一个文件夹下）：
test.css:
@charset "utf-8";
/* CSS Document */
hr {color: red;}
p {margin-left: 20px;}
test.html:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="test.css" />
</head>
<body>
<p> have fun! </p>
<hr />
</body>
</html>
在test.html中调用test.css时，在IE和chrome中都不能显示红色的线，是因为我的代码有问题吗？谢谢。 展开
展开全部
.hr0{ height:1px;border:none;border-top:1px dashed #0066CC;}
<hr class="hr0" />
你定义的是文字的color属性。但是你需要实现的是 一条红色线。所以改成上面的代码（定义边框线的属性）即可。
<hr class="hr0" />
你定义的是文字的color属性。但是你需要实现的是 一条红色线。所以改成上面的代码（定义边框线的属性）即可。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
将hr的样式改成下面的，为了达到兼容的效果需要同时指定color和background-color，其实还可以用另外一种方式实现，比如给p加上border-bottom:1px solid #f00;，然后在设置一下margin-bottom:10px;就可以了
hr {
border:none;
background-color:red;
color: red;
height:2px;
}
hr {
border:none;
background-color:red;
color: red;
height:2px;
}
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
这是浏览器兼容性问题，具体的看这里http://hi.baidu.com/ynjxkbcccvbapyd/item/71f1300b2fa06a96a3df43e0
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
外部样式用类，如：.hr {color: red;}.p {margin-left: 20px;} 同时文中<p class="p">引用这样来试试，看看可以不。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
本地测试了下！正常
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（3）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
