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;
}
上面是縮小的背景圖片。
原始圖片：
效果圖：