怎样在css中改变图片格式和形状

html-css09

怎样在css中改变图片格式和形状,第1张

图片格式代表的是一种资源类型，css是用来修饰网页展现的

css可以通过对控制对图片的宽高或者外层容器的宽高来改变图片大小或者显示部分

在css3中图片是可以修饰容器边框的，这也是改变图片的一种形式

图片可以作为容器背景，控制背景的显示方式来改变图片的形状拉伸、收缩、平铺等

css3中引入了2d、3d转换动画也是图片形状改变的一种展现

当然更多的形状变化方式题主可以参考css手册进行以上基础的进一步扩展

将img的width和height设置成固定值而不是相对值，就不会变形。

当然，若是需要的话你也可以将width和height设置成固定比例，这样虽然图片可以缩放，但是图片不会扭曲变形。

设置图片自适应，给图片设置display:blockwidth:100%不要设置高度，不要设置高度，不要设置高度。这样图片就能根据父级div适应大小，就是你设置一个div，里面放图片。div多大，图片就多大。高度自动适应，所以不能设置高度。