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怎么给网页背景添加一张图片垂直/水平重复
  • 怎么制作网站logo
  • 如何利用HTML5和CSS3制作图片列表并展示效果
  • DreamWeaver中的css代码不换行显示
  • 如何使用CSS3新增边框图片属性剪裁图片并显示
  • Dreamweaver CS6如何设置站点
  • 热门搜索
    蜂蜜有什么功效 年化收益率是什么意思 disappointed是什么意思 养生堂维生素c 闪婚什么意思 rape是什么意思 配号是什么意思 朋友过生日送什么好 准生证需要什么材料 炉火纯青是什么意思