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