CSS中的背景屬性可以用來(lái)設(shè)置元素的背景樣式,包括背景顏色、圖片、位置以及重復(fù)等。下面介紹一下背景屬性的常用屬性。
/* 背景顏色 */ background-color: #FFF; /* 背景圖片 */ background-image: url(bg.png); /* 背景位置 */ background-position: center; /* 背景重復(fù) */ background-repeat: no-repeat;
背景顏色屬性指定元素背景的顏色,可以使用顏色名稱或十六進(jìn)制顏色值。例如,設(shè)置白色背景:
background-color: #FFF;
背景圖片屬性可以用來(lái)在元素的背景中嵌入一張圖片。例如,使用名為bg.png的圖片作為背景:
background-image: url(bg.png);
背景位置屬性指定背景圖像的位置。可以將值設(shè)置為關(guān)鍵字center、top、bottom、left、right 以及它們的組合值。例如,將背景圖像定位在容器的正中央:
background-position: center;
背景重復(fù)屬性指定如何重復(fù)背景圖像。可以將值設(shè)置為no-repeat、repeat-x、repeat-y和repeat,它們分別在不重復(fù)、水平重復(fù)、垂直重復(fù)和全部重復(fù)方向上重復(fù)圖像。例如,將背景圖像僅垂直重復(fù):
background-repeat: repeat-y;
以上就是背景屬性的一些常用屬性的介紹。通過(guò)這些屬性,我們可以輕松地設(shè)置元素的背景樣式。