CSS边框颜色问题答案

【问题标题】：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>

【问题讨论】：

标签： 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>

【讨论】：