教你為一個div添加多個背景圖片

教你為一個div添加多個背景圖片

　　首先，我們新建一個HML頁面，并準備好兩張不同的背景圖片。

　　然后，我們在htl中隨便新建一個塊級元素，為他設置寬高，可以寫點文字。瀏覽器中的效果是下圖這樣的。

　　然后，我們開始為元素添加背景圖片，我是將background-*這個屬性分開來寫的。分別是background-image,background-position,backgroud-repeat

　　在CSS3語法里面，除了backgroud-color是唯一一個不能使用多個值的background-*元素，所以，我們以上的.三個元素都可以使用多個值，兩個值之間以逗號相連。

　　但是如果一個屬性的數量，少于背景層的數量，那么這個屬性就會被應用到所有的背景層上面，所以我們的backgroud-repeat只用寫一個。

　　我們在瀏覽器刷新之前的頁面可以看到最新的效果，兩個背景圖片都顯示到我們的標簽上。基本上是先寫的圖片的z-index值高

　　除了把這些屬性分開寫，我們也可以只寫一個background。具體寫法如下圖。兩個背景圖片之間同樣用逗號隔開。

【教你為一個div添加多個背景圖片】相關文章：

教你簡易制作做一個巨大的毛線球DIY手工編織11-15

win7怎么添加ftp10-19

win7怎么添加ftp10-19

電腦怎么添加內存條11-26

電腦如何添加固態硬盤11-16

Mac電腦打開多個Finder標簽頁的方法10-01

電腦如何添加固態硬盤教程10-25

win7系統怎么添加ftp11-10

電腦添加固態硬盤的方法11-27

怎么給電腦添加固態硬盤09-19