在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:背景被裁剪到内容框。
我们首先假定你新建的这个工程是java工程,并且名字叫test。
方法一:你可以不用打开myeclipse,而是直接在该myeclipse所指向的workspace中找到名字为test这个文件夹,里面有一个src文件夹,你可以把你要用到到图片放在这里面。如果图片只有一两张,直接放在src下就可以。不过如果有很多张图片,建议你新建一个文件夹,比如images,再将所有图片放到images文件夹里面。
方法二:打开myeclipse,复制你需要用到的图片,在“src”上点击右键,找到paste,单击即可。
如果你建的是web工程,一般是将图片放在WebContent下面。
你也可以通过“右键”》“Inport”》“File System”的方式导入图片。如下图
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条)