css如何把北京图片变小,css怎么把图片缩小

css把图片缩小的方法：可以通过设置图片的width或者height属性来实现图片的宽度高度，从而将图片缩小，比如在css中添加“width:300px; height:200px;”样式代码将图片设置成宽度300px、高度200px大小，如需缩小将属性值减少即可。

给图片的img标签设置width或者height的任意一个，图片会自动等比例缩放。我们可以设置这两个属性值小于原图片大小使图片缩小。

示例：

.div1 {

width:300px;

height:200px;

border:solid 1px red

}

.div1 img{

width:50%;

}

效果图：

width 属性：

width 属性设置元素的宽度。

说明

这个属性定义元素内容区的宽度，在内容区外面可以增加内边距、边框和外边距。

行内非替换元素会忽略这个属性。

属性值：auto 默认值。浏览器可计算出实际的宽度。

length 使用 px、cm 等单位定义宽度。

% 定义基于包含块(父元素)宽度的百分比宽度。

inherit 规定应该从父元素继承 width 属性的值。