如何在 HTML 中使用圖像作為背景

今天我將討論如何在你的網站上使用圖像作為背景。

在你的父標簽上添加以下樣式，作為該部分的包裝，你希望將圖像用作背景。

section{

  background-image: url(“./white.png”);

  background-repeat:no-repeat;

  background-size:cover;

  background-position:center;

}

在這里，我在 HTML 文件中添加了一個 section 標簽，在上面的部分中，我向 section 元素添加了一些樣式屬性。我給了它一個background-image（這將是作為section元素背景的圖像），background-repeat（這表明圖像可能會重復或不重復），background-size（我將背景大小設置為覆蓋可用空間），以及background-position（我將其設置為中心，以便它可以聚焦在圖像的中心）。

• 深入詳解CSS background-size的3個屬性值auto、contain和cover

注意：如果元素尚不包含任何內容，則需要為提供背景圖像的元素添加一些高度。

接下來，我會講到如何降低圖像清晰度和不透明度。 

相關文章

• CSS background與background-color的幾個不同之處
• 如何用CSS把背景分為2種顏色

標簽: background