卡卡网

 
如何在 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