在css文件中添加样式代码:
body{
background-image: url(背景图片的地址)
background-repeat: no-repeat
background-position:50% 50%
background-size:50% 50%
}
background-repeat: no-repeat
表示背景图片不平铺。
background-position:50% 50%
表示背景图片居中显示。
background-size:50% 50%
规定背景图像的尺寸。
扩展资料:
背景图片的其他属性:
1、background-attachment:
定义滚动时背景图像相对于谁固定
参数:
scroll:图片的容器进行定位。
local:相对于内容进行定位。
fixed:相对于视口定位
2、background-origin:规定背景图片的定位区域。
背景图片可以放置于 content-box、padding-box 或 border-box 区域。
3、background-clip 属性规定背景的绘制区域。
border-box:背景被裁剪到边框盒。
padding-box:背景被裁剪到内边距框。
content-box:背景被裁剪到内容框。
myeclipse开发网页添加背景图片,可以使用background这个属性,加载一张图片,协商绝对路径,代码如下:例如:bbb.jpg在image文件夹中,我们要引用bbb.jpg图片,那么我们引用的方式是(./image/bbb.jpg)。
css 代码:
body
{
background-image:url(./image/bbb.jpg)
}
如果bbb.jpg在WebRoot目录中 那我们可以直接引用:(bbb.jpg)。
css 代码:
body
{
background-image:url(bbb.jpg)
}
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)