用Dreamweaver软件编辑
一、打开Dreamweaver,然后选中html,出来了一个html标准文档。
二、在
标签里添加文件路径,语法如下:这时,页面虽然充满了背景,但可以看出背景图片被填充了多次。
三、在
里添加样式,代码如下:style=" background-repeat:no-repeat ;
background-size:100% 100%;
background-attachment: fixed;"
你看,背景就充满页面了。
1最简单做法
background-size:cover;
但此法容易出现图片变形,因为图片大小随容器大小变动。
2兼容做法:假定图的大小为1920*1080
那么设置
background-size:1920px 1080px;
background-position:center 0;
我自己试出来的,希望有用
例子
让背景图片充满整个页面
在选择插入时设置尺寸
background-size:cover;这是css3的新属性,更多web知识可以进群前面是29六中间是5九一后面是29零,每天都有分享