建站
咨詢
售后
建站咨詢
新聞中心
background-size屬性的使用方法？這個問題可能是我們?nèi)粘W(xué)習(xí)或工作經(jīng)常見到的。希望通過這個問題能讓你收獲頗深。下面是小編給大家?guī)淼膮⒖純?nèi)容，讓我們一起來看看吧！
沐川ssl適用于網(wǎng)站、小程序/APP、API接口等需要進(jìn)行數(shù)據(jù)傳輸應(yīng)用場景，ssl證書未來市場廣闊！成為創(chuàng)新互聯(lián)建站的ssl證書銷售渠道，可以享受市場價格4-6折優(yōu)惠！如果有意向歡迎電話聯(lián)系或者加微信：18982081108（備注：SSL證書合作）期待與您的合作！
background-size屬性是用來設(shè)置背景圖片尺寸大小的，可以通過長度值或百分比來設(shè)置圖片大小，或者通過cover和contain來對圖片進(jìn)行伸縮設(shè)置。
CSS background-size屬性
作用：規(guī)定背景圖片的尺寸。
說明：在 CSS3 之前，背景圖片的尺寸是由圖片的實際尺寸決定的。在 CSS3 中，可以規(guī)定背景圖片的尺寸，這就允許我們在不同的環(huán)境中重復(fù)使用背景圖片。
語法：
background-size: length|percentage|cover|contain;
| 值 | 描述 |
| length | 設(shè)置背景圖像的高度和寬度。 第一個值設(shè)置寬度，第二個值設(shè)置高度。 如果只設(shè)置一個值，則第二個值會被設(shè)置為 "auto"。 |
| percentage | 以父元素的百分比來設(shè)置背景圖像的寬度和高度。 第一個值設(shè)置寬度，第二個值設(shè)置高度。 如果只設(shè)置一個值，則第二個值會被設(shè)置為 "auto"。 |
| cover | 把背景圖像擴(kuò)展至足夠大，以使背景圖像完全覆蓋背景區(qū)域。 背景圖像的某些部分也許無法顯示在背景定位區(qū)域中。 |
| contain | 把圖像圖像擴(kuò)展至最大尺寸，以使其寬度和高度完全適應(yīng)內(nèi)容區(qū)域。 |
CSS background-size屬性使用示例
上面是縮小的背景圖片。
原始圖片：
感謝各位的閱讀！看完上述內(nèi)容，你們對background-size屬性的使用方法大概了解了嗎？希望文章內(nèi)容對大家有所幫助。如果想了解更多相關(guān)文章內(nèi)容，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。
分享名稱：background-size屬性的使用方法
路徑分享：http://fisionsoft.com.cn/article/ijgcjj.html
