衆所周知,能夠經過設置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