【问题标题】:CSS border color issueCSS边框颜色问题
【发布时间】:2017-12-25 18:41:20
【问题描述】:

我正在尝试设置 1px 的红色边框,但我遇到了问题。边框的顶部和底部是红色的,但不是左右。

如果我改变颜色,例如粉红色,问题就会消失。

有什么想法吗?

div.red-border {
	border: solid 1px red;
}
   <div class="red-border">
<p>Hi!</p>
<p> I'm trying to put a red border</p>
   </div>

【问题讨论】:

  • 这里的边框是全红的!可以查一下吗?
  • 检查您的页面是否缩放为 100%。点击Ctrl + 0 重置缩放。
  • 颜色为红色。再次检查。
  • 颜色为红色但不一样的红色,缩放不影响结果。会不会是显示器?

标签: css


【解决方案1】:

检查 Firefox Quantum 您的边框是否正常工作,并且您使用的是边框样式的简写,但顺序不同。我觉得这个顺序比较好,so does the MDN site covering the CSS spec,也比较常见:

1px solid red

div.red-border {
	border: 1px solid red;
}
<div class="red-border">
<p>Hi!</p>
<p> I'm trying to put a red border</p>
   </div>

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2021-11-16
    • 2015-03-09
    • 1970-01-01
    • 1970-01-01
    • 2021-09-16
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多