在CSS中，可以使用background（背景）屬性來添加圖片，默認圖片是向x軸和y軸重復。那么css如何將圖片橫向平鋪？下面本篇文章就來給大家介紹一下使用CSS將圖片橫向平鋪的方法，希望對大家有所幫助。
在CSS中，可以使用background-repeat屬性來將圖片橫向平鋪。background-repeat屬性是用來設置背景圖像如何平鋪的；默認地，背景圖像在水平和垂直方向上重復。
語法：
background-repeat:repeat|repeat-x|repeat-y|no-repeat;
屬性值：
-
repeat：即默認方式，完全平鋪背景；
-
no-repeat：在X及Y軸方向均不平鋪；
-
repeat-x：橫向平鋪背景；
-
repeat-y：縱向平鋪背景。
提示：背景圖像的位置是根據 background-position 屬性設置的。如果未規定 background-position 屬性，圖像會被放置在元素的左上角。
示例：將圖片橫向平鋪
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <style type="text/css"> #content { border: 1px solid #000fff; height: 250px; background-image: url(2.jpg); background-repeat: repeat-x; } </style> <div id="content"></div> </body> </html>