background-image属性设置图片尺寸,background图片大小

CSS或jquery中如何改变background-image的大小？

在css中改变background-image的大小可以通过将背景图片放置的一个div样式中，然后设置div的样式属性来实现。示例核心代码：

div{

background:url(图片路径);

background-size:800px?600px;

background-repeat:no-repeat;

}

其中图片路径可以使用相对路径也可以使用绝对路径，不用添加双引号。最后一行的background-repeat:no-repeat意思可不允许背景图片在网页中平铺，只能使用一次。

扩展资料：

通过jquery中改变background-image的大小的实例代码：

!DOCTYPE html

html

head

meta charset="utf-8"

title/title

script type="text/javascript"

?????window.onload=function(){

$('.box').CSS('backgroundSiz','300px 500px')

}

/script

style type="text/css"

.box{

background-image: url(1.png);

}

/style

/head

body

div class="box"

/div

/body

/html

background-image 图片的大小怎么设置

图片不能完整显示，要设置a标签的大小，a{display:block; width:**px; height: **px; }, 也可以通过背景图片定位来达到你要的效果， background-position 具体问题具体对待。。。

background-image属性是什么？

background-image 属性为元素设置背景图像。

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

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

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

详细说明：

background-image 属性会在元素的背景中设置一个图像。

根据?background-repeat?属性的值，图像可以无限平铺、沿着某个轴（x 轴或 y 轴）平铺，或者根本不平铺。

初始背景图像（原图像）根据?background-position?属性的值放置。