CSS边框颜色问题

Question

我想设置一个1px的红色边框，我有一个问题。边框的顶部和底部是红色，但不是左边和右边。

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

有什么想法吗？

＆＃13;

＆＃13;

   <div class="red-border">
<p>Hi!</p>
<p> I'm trying to put a red border</p>
   </div>

＆＃13;

{{1}}

＆＃13;

＆＃13;

＆＃13;

Answer 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>