CSS是一種常見的網頁設計語言，它可以為網站添加各種樣式和效果。其中，增加圖片大小是非常常見的需求。這篇文章將介紹如何使用CSS來增加圖片的大小。

img {
width: 50%;
height: auto;
}

在上述代碼中，我們設置了圖片的高度自適應，寬度為頁面寬度的50%。這意味著無論屏幕大小如何變化，圖片都會根據設備自動調整大小。

另外，我們還可以使用max-width屬性來限制圖片的最大寬度。例如，我們可以將圖片的最大寬度設置為500像素：

img {
max-width: 500px;
height: auto;
}

這樣一來，無論圖片原始大小如何，都會按照最大寬度進行顯示，避免了圖片在某些設備上出現過大或過小的問題。

最后，我們還可以使用CSS來為圖片添加邊框、陰影和圓角等效果。例如，下面的代碼可以為圖片添加4像素的灰色邊框和2像素的陰影：

img {
border: 4px solid gray;
box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
}

通過這些CSS技巧，我們可以輕松地增加圖片的大小和美觀度，提升網站的用戶體驗。