CSS是網(wǎng)頁設(shè)計中不可或缺的一個元素,在網(wǎng)頁中,我們可以使用CSS去控制文本的顏色、字體、大小等等。而今天我們要說的就是CSS的多背景控制。
所謂多背景,就是使用CSS可以控制一個元素具有多個背景。一般來說,我們是只能在一個元素中設(shè)置一個背景的。而如果我們想要一個元素擁有多個背景,就需要使用CSS的多背景控制。
.element { /* 第一個背景 */ background-image: url(bg1.png); /* 第二個背景 */ background-image: url(bg2.png), url(bg3.png); /* 第三個背景 */ background-image: url(bg4.png), url(bg5.png), url(bg6.png); /* 其他樣式 */ width: 100px; height: 100px; }
上面這段代碼就展示了如何控制一個元素擁有多個背景。使用逗號來分隔不同的背景圖片,第一個背景的設(shè)置方式和我們以往使用的方法一樣,只需要設(shè)置一個background-image即可。而后面的背景,則需要在前面加上一個background-image。
需要注意的是,多背景控制中,使用逗號分隔的第一個元素表示的背景會在最上面,覆蓋后面的背景。如果想要調(diào)整順序,可以使用background-position來調(diào)整。
多背景控制的語法還有很多,可以設(shè)置背景顏色、背景大小、背景位置、是否平鋪等等。可以根據(jù)需要進行調(diào)整。總之,通過使用多背景控制,我們可以讓一個元素擁有更加豐富的背景效果。
下一篇jq 去除css()