1、首先选择新建一个基本的网页，在这个网页上面进行代码的修改。
2、主体内容，<h1>如何在水平方向重复背景图像</h1>。
3、这个<style>语句就让自己进行了两个属性的设定。一个就是网页的背景图像，另外一个就是背景图像的重复方式。
4、还可以在右边的样式规则窗口进行各种的设置的编辑。
5、最后把repeat-x 变化 repeat-y 的时候，网页中的图像也就发生了变化。
温馨提示：答案为网友推荐，仅供参考
第1个回答 推荐于2017-09-28
就是横向重复还是纵向重复。
假设你的页面有1004 X 700 px，但你的背景图片只有10 X 10px，如果不指定repeat属性，就会平铺，就是一张张重复的贴满你的背景。如果你只指定了-x，就是横向重复，那么它就会横着铺满，但不会纵向重复。-y则反之。明白？
background-repeat版本：CSS1 兼容性：IE4+ NS4+ 继承性：无
语法：
background-repeat : repeat | no-repeat | repeat-x | repeat-y
参数：
repeat : 背景图像在纵向和横向上平铺
no-repeat : 背景图像不平铺
repeat-x : 背景图像在横向上平铺
repeat-y : 背景图像在纵向平铺
说明：
设置或检索对象的背景图像是否及如何铺排。必须先指定对象的背景图像。
对应的脚本特性为backgroundRepeat。
示例：
menu { background: url("images/aardvark.gif"); background-repeat: repeat-y; }
p { background: url("images/aardvark.gif"); background-repeat: no-repeat; }本回答被提问者采纳
假设你的页面有1004 X 700 px，但你的背景图片只有10 X 10px，如果不指定repeat属性，就会平铺，就是一张张重复的贴满你的背景。如果你只指定了-x，就是横向重复，那么它就会横着铺满，但不会纵向重复。-y则反之。明白？
background-repeat版本：CSS1 兼容性：IE4+ NS4+ 继承性：无
语法：
background-repeat : repeat | no-repeat | repeat-x | repeat-y
参数：
repeat : 背景图像在纵向和横向上平铺
no-repeat : 背景图像不平铺
repeat-x : 背景图像在横向上平铺
repeat-y : 背景图像在纵向平铺
说明：
设置或检索对象的背景图像是否及如何铺排。必须先指定对象的背景图像。
对应的脚本特性为backgroundRepeat。
示例：
menu { background: url("images/aardvark.gif"); background-repeat: repeat-y; }
p { background: url("images/aardvark.gif"); background-repeat: no-repeat; }本回答被提问者采纳
第2个回答 2020-03-20
background-repeat属性详解https://www.apiref.com/css-zh/properties/backgrounds/background-repeat.htm，这里有讲使用方法。
相似回答