CSS中添加背景圖片平鋪可以用background-repeat屬性,其可選項有4種:
background-repeat: repeat; /*重復*/ background-repeat: repeat-x; /*水平重復*/ background-repeat: repeat-y; /*垂直重復*/ background-repeat: no-repeat; /*不重復*/
其中,repeat是默認值,背景圖片會在水平和垂直方向重復平鋪;repeat-x和repeat-y則只在水平或垂直方向進行重復平鋪;而no-repeat則只在背景中貼上一次圖片,不會進行平鋪重復。
可以在CSS中使用background-repeat屬性來設置背景圖片的平鋪方式,如下所示:
body{ background-image:url(bg_img.jpg); background-repeat: repeat-x; /*將背景圖片在水平方向重復平鋪*/ }
以上CSS代碼將背景圖片在body元素中平鋪重復,方法是將背景圖片的URL地址賦值給background-image屬性,同時設置background-repeat屬性為repeat-x。這樣,背景圖片就只在水平方向重復平鋪了。