网站首页 美食营养 游戏数码 手工爱好 生活家居 健康养生 运动户外 职场理财 情感交际 母婴教育 时尚美容

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

时间:2024-10-30 15:06:37

1、启动Dreamweaver并新建一个html。在head中输入【<style type=&孥恶膈茯quot;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怎么给网页背景添加一张图片垂直/水平重复
© 2025 智德知识库
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com