CSS 的背景圖像平鋪方式有三種,即 repeat、repeat-x 和 repeat-y。下面我們將詳細介紹每一種平鋪方式的使用方法。
/* repeat */ background-repeat: repeat; /* repeat-x */ background-repeat: repeat-x; /* repeat-y */ background-repeat: repeat-y;
首先是 repeat,這是默認的平鋪方式。它會將背景圖像在橫向和縱向分別重復平鋪,直到鋪滿整個定位區域。
background-image: url("img.jpg"); background-repeat: repeat;
接下來是 repeat-x,這種平鋪方式只會在橫向上重復平鋪背景圖像,而不會在縱向上平鋪。
background-image: url("img.jpg"); background-repeat: repeat-x;
最后是 repeat-y,這種平鋪方式只會在縱向上重復平鋪背景圖像,而不會在橫向上平鋪。
background-image: url("img.jpg"); background-repeat: repeat-y;
以上就是 CSS 背景圖像平鋪方式的介紹。通過不同的平鋪方式,我們可以實現各種獨特的背景效果,為網頁帶來更多美觀的視覺體驗。