html - 在 Google Chrome 中,边框css不起作用?

  显示原文与译文双语对照的内容

我从教程中得到了以下的css代码来样式化 Firefox 中的hr 标记。


hr {
 -moz-border-bottom-colors: none;
 -moz-border-image: none;
 -moz-border-left-colors: none;
 -moz-border-right-colors: none;
 -moz-border-top-colors: none;
 border-color: #EEEEEE -moz-use-text-color #FFFFFF;
 border-style: solid none;
 border-color: #EEEEEE;
 border-width: 2px 0;
 margin: 10px 0;
}

导致图片错误。

我尝试为 Chrome 浏览器做类似的事情,并在 hr{} 中添加了以下代码:


-webkit-border-bottom-colors: none;
 -webkit-border-image: none;
 -webkit-border-left-colors: none;
 -webkit-border-right-colors: none;
 border-color:none;
 border-color: #EEEEEE -webkit-use-text-color #FFFFFF;

但它在 Chrome 中不起作用。

导致图片错误。

请帮我在 Chrome 中做。

时间: 作者:

你用一种奇怪的方式来创造边框。

如果你只需要边框,请执行如下操作:


hr{
 border-style:solid;
 border-color:#eee;
 border-width:2px;
}

然后添加你想要 比如 margin 10px;的其他样式。 我没有看到为边框添加浏览器特定代码。

如果你想要特定边框特定颜色,可以使用:


border-top:1px solid #f00;
border-left:5px solid #00f;
border-right:2px solid #0f0;
border-bottom:10px solid #f0f;

作者:

使用快捷方式

试试这个

border:4px #000 实体;

你不需要在浏览器的新版本中添加 webkit 和其他版本

...