Question

css怎么给div加背景图片

css怎么给div加背景图片

Answer 1

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

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

（1）相对的文件位置：

（2）测试代码：

测试效果：

扩展资料：

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

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

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

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

Answer 2

1、CSS背景属性语法结构

设置颜色

div{background:#000}

设置背景图片

div{background:url(图片路径) no-repeat 4px 5px}

例如

div.box1{background:url(logo.gif)} 
div.box2{background:url(logo.gif) no-repeat 10px center} 
div.box3{background:url(logo.gif) repeat-x 0 30px} 
div.box4{background:url(logo.gif) repeat-y center}

Answer 3

selector{background-image:url(图片地址路径)}