CSS樣式的背景尺寸代碼可用于定義在網(wǎng)頁中顯示的背景圖像大小。它可以讓您對背景圖像進行縮放,裁剪和重復(fù)更改等。
這里是一些常用的背景尺寸代碼:
1. cover:表示圖像應(yīng)放大以填充整個元素。這通常會裁剪圖像。
示例代碼:
2. contain:表示圖像應(yīng)縮小以適合元素的邊框。這通常不會裁剪圖像。
示例代碼:
3. px或百分比值:您也可以將背景大小設(shè)置為固定的像素值或百分比值。
示例代碼:
4. 重復(fù)背景圖像:您可以使用背景尺寸代碼來規(guī)定如何重復(fù)背景圖像??梢允褂胷epeat-x,repeat-y和no-repeat。
示例代碼:
如上所示,通過在您的樣式表中添加適當(dāng)?shù)谋尘俺叽绱a,您可以更好地控制網(wǎng)頁中的背景圖像大小、縮放和裁剪。
這里是一些常用的背景尺寸代碼:
1. cover:表示圖像應(yīng)放大以填充整個元素。這通常會裁剪圖像。
示例代碼:
background-size: cover;
2. contain:表示圖像應(yīng)縮小以適合元素的邊框。這通常不會裁剪圖像。
示例代碼:
background-size: contain;
3. px或百分比值:您也可以將背景大小設(shè)置為固定的像素值或百分比值。
示例代碼:
background-size: 50% auto; background-size: 300px 200px;
4. 重復(fù)背景圖像:您可以使用背景尺寸代碼來規(guī)定如何重復(fù)背景圖像??梢允褂胷epeat-x,repeat-y和no-repeat。
示例代碼:
background-repeat: repeat-x;
如上所示,通過在您的樣式表中添加適當(dāng)?shù)谋尘俺叽绱a,您可以更好地控制網(wǎng)頁中的背景圖像大小、縮放和裁剪。
上一篇css樣式的解析順序
下一篇oracle 12 啟動