CSS之background-image:在一個元素中設置給定數量的背景圖片

衆所周知,能夠經過設置background-repeat的值來改變背景圖片的重複次數。但有一個問題,background-repeat的值不是讓圖片只有1個,就是讓圖片鋪滿。若是隻想設置給定數量的圖片該怎麼辦?以2個爲例,請看代碼:url

1 h1 {
2     background-image: url(logo.jpg), url(logo.jpg);
3     background-repeat: no-repeat;
4     background-position: left, right;
5 }                  

這樣,就實現了<h1>元素的最左邊有一個logo.jpg、最右邊也有一個logo.jpg。spa

設置3個、4個、5個等任意給定數量的方法同理。code

相關文章
相關標籤/搜索