|
|
|
|
|
|
贊助商
分類目錄
贊助商
最新文章
搜索
如何在你的網(wǎng)站或div中使用圖像作為背景
作者:admin 時(shí)間:2022-8-18 11:4:14 瀏覽: 
如何在 HTML 中使用圖像作為背景
今天我將討論如何在你的網(wǎng)站上使用圖像作為背景。
在你的父標(biāo)簽上添加以下樣式，作為該部分的包裝，你希望將圖像用作背景。
section{
background-image: url(“./white.png”);
background-repeat:no-repeat;
background-size:cover;
background-position:center;
}在這里，我在 HTML 文件中添加了一個(gè) section 標(biāo)簽，在上面的部分中，我向 section 元素添加了一些樣式屬性。我給了它一個(gè)background-image（這將是作為section元素背景的圖像），background-repeat（這表明圖像可能會(huì)重復(fù)或不重復(fù)），background-size（我將背景大小設(shè)置為覆蓋可用空間），以及background-position（我將其設(shè)置為中心，以便它可以聚焦在圖像的中心）。
注意：如果元素尚不包含任何內(nèi)容，則需要為提供背景圖像的元素添加一些高度。
接下來(lái)，我會(huì)講到如何降低圖像清晰度和不透明度。
相關(guān)文章
標(biāo)簽: background
x
- 站長(zhǎng)推薦
