html怎么改变图片整体大小,css怎么改变图片大小？

css怎么改变图片大小？下面本篇文章就来给大家介绍一下使用css改变图片大小的方法，希望对大家有所帮助。

在HTML页面中，图片的显示方法有两种，分别为：img图片，background(背景)图片。根据不同的显示方法，有不同的改变图片大小的方法：

1、改变img图片的大小

想要改变img图片的大小，可以通过设置height和width属性实现。

效果图：

1、改变background(背景)图片的大小

想要改变background(背景)图片的大小，可以通过设置background-size属性实现，background-size 属性规定背景图像的尺寸。

body

{

background:url(/i/bg_flower.gif);

background-size:63px 100px;

-moz-background-size:63px 100px; /* 老版本的 Firefox */

background-repeat:no-repeat;

padding-top:80px;

}

上面是缩小的背景图片。

原始图片：

效果图：