CSS的背景復合屬性是指在一個屬性聲明里同時設置多個背景相關屬性,比如background屬性,它可以設置背景色,背景圖片,背景位置,背景尺寸等,從而簡化了代碼編寫的工作。
/*示例代碼*/ background: #FFFFFF url(images/bg1.jpg) no-repeat top right / 50% auto;
在上面的代碼中,我們首先設置了背景色為白色(#FFFFFF),然后指定了背景圖片為bg1.jpg,并設置不重復(no-repeat),放置于右上角(top right),最后指定了背景圖片的大小為50%的寬度和自適應的高度。
需要注意的是,各個屬性之間使用空格進行分隔,如果屬性值中包含空格,則需要使用引號括起來。
CSS的背景復合屬性還可以使用多個背景圖片實現對不同元素的重疊和堆疊,例如:
background-image: url(bg1.jpg), url(bg2.jpg); background-position: left top, right bottom; background-repeat: no-repeat, repeat-x;
上面的代碼中,我們使用了兩張背景圖片,分別對應bg1.jpg和bg2.jpg,分別指定了它們的位置和重復方式。
通過使用CSS的背景復合屬性,我們可以更加簡單、高效地設置元素的背景,并且可讀性也會更好。
上一篇css中的選擇器命名
下一篇mysql更新同一張表