在網站制作中，圖片大小的調整經常是必要的。在使用CSS技術樣式美化網站時，我們可以通過使用CSS樣式來調整圖片的大小。那么CSS圖片大小怎么改呢？下面我們一起來了解一下。 CSS中設置圖片大小有多種方式，我們可以通過使用width和height屬性來手動設置圖片的寬度和高度。 下面是一個示例：

p img {
width: 300px;
height: 200px;
}

在上面的代碼中，我們通過p標簽選擇器來選擇所有的圖片元素，并且設置它們的寬度為300像素，高度為200像素。這樣就可以手動調整圖片的大小了。 我們還可以使用max-width和max-height屬性來限制圖片的最大寬度和最大高度。這在響應式設計中非常有用，因為它允許圖像按比例縮小而不會失真。 下面是一個示例：

p img {
max-width: 100%;
height: auto;
}

在上面的示例中，我們通過使用max-width屬性將圖像最大寬度限制為其容器的100%。我們還使用height: auto保持圖片高度的寬高比例。這樣，當圖像容器寬度小于圖像寬度時，圖像將按比例縮小，而不會失真。 除此之外，我們還可以使用CSS3的transform屬性來縮放圖像。這種方法非常有用，因為它可以在不調整元素的寬度和高度的情況下縮小或放大元素。 下面是一個示例：

p img {
transform: scale(0.5);
}

在上面的代碼中，我們使用scale()函數，將圖片縮小50%。我們還可以通過使用transform-origin屬性控制縮放中心點的位置。 總之，通過使用這些CSS屬性和方法，我們可以輕松地調整和控制網頁中的圖片大小和比例，從而優化網站的視覺效果和用戶體驗。