在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:背景被裁剪到内容框。
2024-10-23 广告
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);
}
<style type="text/css">
body{
background-image:url(地址,不需要引号);
background-repeat:no-repeat;
}
</style>
2014-11-04
这样对吗?
这也可以,楼下说的添加背景图片也行,你不行可能是路径错了,最好还是用相对路径。当然绝对路径也行。
这样对吗?
img是图片标签吧,喂!直接写个
这完全是html+css咯
广告 您可能关注的内容 |