Question

我有这个非常奇怪的问题。我只想绘制两条相互间隔开的简单线条。

这是html：

<div class="hline">

</div>

<div class="hline">

</div>

CSS：

html, body {
background-color: white;
}

.hline {
    background-color: black;
    height: 2px; 
    margin: 50px;
}

当身体的背景颜色为白色时，它完美无瑕，但当它的黑色，我的div的背景颜色为白色时，黑色背景中似乎只有一条大白线。那是为什么？

提前多多感谢，

卢克：D

Answer 1

它为我工作

＆＃13;

<!DOCTYPE html>
<html>

<head>
  <title></title>
  <style type="text/css">
    html,
    body {
      background-color: black;
    }
    .hline {
      background-color: white;
      height: 2px;
      margin: 50px;
    }
  </style>
</head>

<body>


  <div class="hline">

  </div>

  <div class="hline">

  </div>

</body>

</html>

＆＃13;

Answer 2

我尝试了你的代码，这就是我得到的黑色背景和白线

<!DOCTYPE html>
<html>
<head>
<style type="text/css">
html, body { background-color: black; }
.hline {
    background-color: white;
    height: 2px; 
    margin: 50px;
}
</style>
</head>
<body>
<div class="hline"></div><div class="hline"></div>
</body>
</html>

如何使用CSS中的默认背景颜色绘制线条？

2 个答案: