用Dreamweaver软件编辑
一、打开Dreamweaver,然后选中html,出来了一个html标准文档。
二、在<body>标签里添加文件路径,语法如下:
<body background="文件路径">
这时,页面虽然充满了背景,但可以看出背景图片被填充了多次。
三、在<body>里添加样式,代码如下:
style=" background-repeat:no-repeat
background-size:100% 100%
background-attachment: fixed"
你看,背景就充满页面了。
如果不考虑图像质量,直接对img 定义宽度和高度,即:
width:100%height:auto高度随机调整。
最简单直接的就是:
background-size:cover;这个效果相当于WINDOWS桌面壁纸的拉伸效果,不是平铺。
也可以使用平铺的方式:
background-repeat : repeat-X当然要考虑背景色的问题。