1、启动Dreamweaver并新建一个html。在head中输入【<style type=&孥恶膈茯quot;text/css"></style>】。

2、然后输入【body{background: url();}】,会出现一个下拉列表。点击【浏览】按钮。

3、选择一张图片,并点击【确定】。

4、可以看到代码以及添加了图片地址【body{background: url(../eg_bg_03.gif) repeat-x;}】保存html网页后按快捷键F12在网页中预览,可以i看到图片以及重复铺满了整个网页背景。

5、在地址后面添加【repeat-x】在保存刷新网页可以看到,图片只是水平铺满了背景。

6、在地址后面添加【repeat-y】在保存刷新网页可以看到,图片只是垂直铺满了背景。

7、在地址后面添加【no-repeat】在保存刷新网页可以看到,图片就不会铺满了。

8、如果不想把重复方式写在一行,可以单独添加【background-repeat: repeat-x;】也是一样的效果哦。
