为什么CSS边框背景色继承内容背景色？

提问者：小点点

我正在学习CSS中的方框模型，我很困惑为什么当应用点边框时，边框会继承内容的颜色，背景颜色？

在下面的代码片段中，不是应该使用黑色和浅蓝色的颜色组合吗？因为框模型表明边框围绕着填充和内容？取而代之的是橙色和黑色。

我很难理解内容背景色是如何显示的？如果我的解释令人困惑，请向我道歉，但我们将感谢您的帮助。

null

body {

    background-color: lightblue;
}

.content {

  background-color: #fdad5c;
  padding:0px;
  border: 5px dotted black;
  margin: 0px;


}

<body>

<div class = 'content'> Content  </div>

</body>

null

共1个答案

匿名用户

我明白你的意思。但是CSS中的边框总是使用元素的空间。这就是为什么在你的例子中，虚线在黄框的“里面”而不是外面。

null

更多信息:https://www.tutorialrepublic.com/css-tutorial/css-outline.php