可以用css3中“transform: scale()”属性对图片进行缩放。
2、将transform的属性值改为“scaleY(n)”,scaleY(n)指的是对高度进行缩放,n指的是缩放比例:
在CSS中,可以使用以下属性来调整对象(元素)的位置和大小:
1. 定位属性(position):通过设置定位属性可以改变对象的位置。
- static(默认值):按照文档流正常显示对象。
- relative:相对于其正常位置进行偏移,使用top、right、bottom和left属性调整位置。
- absolute:相对于其最近的已定位祖先元素进行定位,如果没有已定位的祖先元素,则相对于body元素进行定位。也使用top、right、bottom和left属性调整位置。
- fixed:相对于视口进行定位,不随滚动条滚动而变化。也使用top、right、bottom和left属性调整位置。
2. 盒模型属性(width、height):通过设置盒模型属性可以改变对象的大小。
3. 边距属性(margin、padding):通过设置边距属性可以改变对象与其他元素之间的间距。
- margin:指定对象的外边距。
- padding:指定对象的内边距。
4. 变换属性(transform):通过设置变换属性可以改变对象的形状、位置和大小。
这些属性可以通过在CSS样式表中为元素设置相应的值来实现对对象的位置和大小的调整。
width:长度 height:高度 需要用到定位的时候,必须设置position属性。
position:位置(absolute绝对位置,相对于body)
left:0; //在最左边; right:0;//在最右边; top:0;//在最上面; bottom:0;//在最下面; 罗嗦几句,如果要做一个永远居底的div,其实不需要JS代码,只需要用bottom:0;就可以了。 4个属性里面,一般一次只会用两个。 如:左上角: left:0;top0;