用myeclipse开发怎么在网页上添加背景图片

用myeclipse开发怎么在网页上添加背景图片,第1张

在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)

}


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11178414.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-14
下一篇 2023-05-14

发表评论

登录后才能评论

评论列表(0条)

保存