html - 如何使用 CSS 中默认背景颜色之外的另一种背景颜色绘制线条?

标签 html css background-color lines

我有一个非常奇怪的问题。我只想画两条简单的线,它们之间的距离有点远。

这是 html:

<div class="hline">

</div>

<div class="hline">

</div>

还有 CSS:

html, body {
background-color: white;
}

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

当 body 的背景颜色是白色时,它工作得很好,但是当它是黑色的时候,我的 div 的背景颜色是白色的,黑色背景中似乎只有一条大白线。这是为什么?

非常感谢,

卢克:D

最佳答案

对我有用

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

关于html - 如何使用 CSS 中默认背景颜色之外的另一种背景颜色绘制线条?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32935646/

相关文章:

javascript - SailsJS : POST requests are not resolved properly when invoking req. param() 和 req.file()

javascript - onfocusout/onfocusin 不工作

html - 将鼠标悬停在导航栏列表上时不突出显示文本

css - 如何制作对 Angular 圆边框渐变?

jquery - 滚动时导航栏事件选项卡会更改颜色

css 背景颜色仅文本对齐

javascript - 使用 JS 获取父级文本而不是子级文本

javascript - 动态添加的选择列表中的问题

jquery - 在列表中动画移动突出显示(使用 Jquery?)

ios - 为 iOS 应用程序中的所有 UITableViewCells 设置背景颜色