css怎么给div加背景图片

Posted 2023-04-30

css怎么给div加背景图片

通过css：background-image语句设置背景。

background-image 属性会在元素的背景中设置一个图像。根据 background-repeat 属性的值，图像可以无限平铺、沿着某个轴（x 轴或 y 轴）平铺，或者根本不平铺。初始背景图像（原图像）根据 background-position 属性的值放置。

（1）相对的文件位置：

（2）测试代码：

测试效果：

扩展资料：

background-image 属性为元素元素的背景占据了元素的全部尺寸，包括内边距和边框，但不包括外边距。

默认地，背景图像位于元素的左上角，并在水平和垂直方向上重复。

提示：请设置一种可用的背景颜色，这样的话，假如背景图像不可用，页面也可获得良好的视觉效果。

参考资料：百度百科--CSS background-image

参考技术A

1、CSS背景属性语法结构

设置颜色

divbackground:#000

设置背景图片

divbackground:url(图片路径) no-repeat 4px 5px

例如

div.box1background:url(logo.gif) 
div.box2background:url(logo.gif) no-repeat 10px center 
div.box3background:url(logo.gif) repeat-x 0 30px 
div.box4background:url(logo.gif) repeat-y center

参考技术B selectorbackground-image:url(图片地址路径)

HTML里面给一个DIV加背景图，背景图是一个边框，四周有空白区域，怎么实现去掉四周的白色区域。

打个比方，BODY是黑色，有一个DIV的背景图是星星，但是星星（有JPD和PSD两个格式）四周是白色的把BODY背景覆盖了，怎么去掉四周的白色？

PS打开PSD格式的星星图片
魔棒工具选择白色区域
点击删除
然后保存为png格式
html里的星星图片就没有白色了追问

我有PDF格式的，直接保存为PNG就可以了么？

追答

PSD是工程文件打开了把里面的白色删除后再保存为PNG格式，链接到HTML里就可以了。

参考技术A 先把星星边上的白色抠出，然后导出png格式的图片就行了。 参考技术B 你把 星星的背景抽空 会做图吧 参考技术C 只有P图，HTML应该没什么办法能实现！