css怎么给网页背景添加一张图片?垂直/水平重复

 时间:2026-02-12 23:06:33

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

css怎么给网页背景添加一张图片?垂直/水平重复

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

css怎么给网页背景添加一张图片?垂直/水平重复

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

css怎么给网页背景添加一张图片?垂直/水平重复

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

css怎么给网页背景添加一张图片?垂直/水平重复

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

css怎么给网页背景添加一张图片?垂直/水平重复

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

css怎么给网页背景添加一张图片?垂直/水平重复

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

css怎么给网页背景添加一张图片?垂直/水平重复

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

css怎么给网页背景添加一张图片?垂直/水平重复

  • 怎么制作网站logo
  • 如何利用HTML5和CSS3制作图片列表并展示效果
  • DreamWeaver中的css代码不换行显示
  • 如何使用CSS3新增边框图片属性剪裁图片并显示
  • Dreamweaver CS6如何设置站点
  • 热门搜索
    淘宝店铺名字大全 弓形虫怎么传染 长沙有什么好吃的 众泰t600怎么样 鸡腿怎么做好吃又简单 被臭虫咬了怎么办 烫发后怎么打理卷发 鱿鱼干怎么做好吃 信用卡不开卡会怎么样 控制血糖的方法