在css的div中设置背景图片后背景图片下移如何解决

html-css07

在css的div中设置背景图片后背景图片下移如何解决,第1张

background:url(images/loginbackground.png)top no-repeat 0px 10px

等同与

background:url(images/loginbackground.png)top no-repeat

background-position: 0px 10px//水平方向(以左上角为原点,x方向)移动 0像素,垂直方向(y轴方向)即向下以动 10 像素

***注意:0px 不能省略,否则默认为x方向移动的距离。也可以设置为百分比值。

修改后:

<div id="colee_right" >

<ul>

<li><img></li>

<li><img></li>

<li><img></li>

</ul>

</div>

用下面的样式

#colee_right{

bottom:20px

display:block

height:100px

position:fixed

right:20px

width:100px

}

具体的宽度和位置你自己调整

可以用css3中“transform: scale()”属性对图片进行缩放。

1、新建html文档,在body标签中添加一张图片,给这张图片设置css属性,添加“tansform”缩放属性,属性值为“scaleX(n)”,scaleX(n)指的是对宽度进行缩放,n指的是缩放比例:

2、将transform的属性值改为“scaleY(n)”,scaleY(n)指的是对高度进行缩放,n指的是缩放比例:

3、将transform的属性值改为“scale(n)”,scale(n)指的是对图片的宽度和高度同时进行等比例缩放,n指的是缩放比例: