在CSS中,background-image屬性用于設(shè)置元素的背景圖片。通過給background-image屬性賦值一個鏈接或者url地址,可以將圖片作為元素的背景,從而美化網(wǎng)頁。
下面是該屬性的基本語法:
background-image: url(link);
其中,link可以是一個鏈接或者一個在服務器上存儲圖片的本地地址。
同時,我們可以通過background-repeat屬性來控制背景圖的重復方式,常見取值為no-repeat、repeat-x和repeat-y。
background-repeat: no-repeat; background-repeat: repeat-x; background-repeat: repeat-y;
如果我們希望背景圖完全展示在元素的背景中,可以使用background-size屬性來調(diào)整圖片尺寸。
background-size: cover; background-size: contain; background-size: 50% 50%; background-size: 200px 300px;
其中,cover和contain可以用來讓圖片自適應元素大小,而具體的數(shù)值可以調(diào)整圖片的寬度和高度。
總而言之,background-image是CSS中非常常用的一個屬性,通過設(shè)置background-repeat和background-size,我們可以完美地展示出一張美麗的背景圖。