html - 不使用 HTML 文本可以制作纯背景吗？

Question

我开始研究一些 CSS 元素，我想知道如何在不需要任何文本的情况下在背景中着色...我试过使用一个空的 div，但它不会制作背景(比如条形图，不是完整的背景。)我必须插入一些随机文本才能使其成为页面上的一条颜色。

<style>
  #bg {
    background-color: yellow
  }
</style>

<div id="bg">
  <p>somehting</p>
</div>

这几乎就是我的代码的运行方式，我需要某种文本来制作背景。但我只想制作一个不需要任何文本的背景，就像页面上完全空白的 strip 一样。任何输入？谢谢。

Answer 1

为您的元素设置一个宽度和高度。默认情况下，未设置宽度和高度，因此浏览器不知道要应用多少空间才能应用背景色。添加内容后，浏览器能够生成绘制绑定(bind)/可绘制区域。

#bg {
  background-color: yellow;
  width: 300px;
  height: 300px;
}

<div id="bg">
</div>