css - 我可以将用于边框宽度和颜色的 CSS 合二为一吗？

Question

我想指定一个宽度为 1px 的顶部边框是红色的。我正在尝试这样，它似乎工作：

border-width: 1px 0px 0px;
border: 1px solid #ff0000;

但是，有没有一种方法可以只使用一个 CSS 语句并将这两者结合起来？

请注意，我需要覆盖之前的边框宽度设置，所以我不能只使用border-top :-(

Answer 1

根据CSS3 规范：

'border' 属性是一个简写属性，用于为框的所有四个边框设置相同的宽度、颜色和样式。与简写的 'margin' 和 'padding' 属性不同，'border' 属性不能在四个边框上设置不同的值。为此，必须使用一个或多个其他边框属性。

但是，在您的情况下，设置只会border-top将其他边框保留为默认值，即none.

Answer 2

这应该有效：

border-top: 1px solid #f00;