更改标题 css 的大小

Question

我想在 css 中将我的背景图像的大小更改为 500、100%，但我做不到。我已经尝试过 background-size 标签，但它不起作用

.header {
  overflow: hidden;
  color: white;
  text-align: center;
  background-image: url("https://cdn.discordapp.com/attachments/830964942320435211/875439626972692550/image2.png");
}

  <div class="header">
    <h1>Rubydium</h1>
    <h4>
      IP: rubydiumfaction.mcpe.eu
      <br>
      Port: 19595
    </h4>
  </div>

。这是我的代码：

在 cmets 中，DJ burb 找到了答案。没关系，但是当我添加 background-size: 100%; 时，图像是这样的。

我希望背景图片具有响应性

Answer 1

你可以使用background-size:100% 100%

.header {
  overflow: hidden;
  color: white;
  text-align: center;
  background-image: url("https://cdn.discordapp.com/attachments/830964942320435211/875439626972692550/image2.png");
  background-size: 100% 100%;
 }

  <div class="header">
    <h1>Rubydium</h1>
    <h4>
      IP: rubydiumfaction.mcpe.eu
      <br>
      Port: 19595
    </h4>
  </div>

您可以在此处阅读有关background 属性的更多信息