css - 如何设置没有颜色值的边框？

Question

边框颜色从何而来？

span {
    border: 1px solid;
}

<span>CSS</span>

Answer 1

它需要 Default color of the element's color property .

<color>: If not set, its default value is the value of the element's color property (the text color, not the background color).

在下面的示例中，边框采用红色，因为元素的颜色设置为红色。

span {
  border: 1px solid;
  color : red;
}

<span> Test </span>