眾所周知,可以通過設置background-repeat的值來改變背景圖片的重覆次數。但有一個問題,background-repeat的值不是讓圖片只有1個,就是讓圖片鋪滿。如果只想設置給定數量的圖片該怎麼辦?以2個為例,請看代碼: 這樣,就實現了<h1>元素的最左邊有一個logo.jpg、最右邊也 ...
眾所周知,可以通過設置background-repeat的值來改變背景圖片的重覆次數。但有一個問題,background-repeat的值不是讓圖片只有1個,就是讓圖片鋪滿。如果只想設置給定數量的圖片該怎麼辦?以2個為例,請看代碼:
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。
設置3個、4個、5個等任意給定數量的方法同理。