圖片在網頁設計中起著非常重要的作用，能夠有效地提高用戶體驗。但是，圖片過大不僅會讓網頁加載變慢，也會影響用戶的使用體驗。因此，在網頁設計中，圖片大小的設置非常重要。在實現圖片大小設置時，我們可以使用CSS來實現。

下面是一些可以使用的CSS屬性：

width: 100px; /*設置圖片寬度為100像素*/
height: 100px; /*設置圖片高度為100像素*/
max-width: 100%; /*設置圖片最大寬度為100%*/
max-height: 100%; /*設置圖片最大高度為100%*/

上述css屬性分別可以實現不同的效果。width和height屬性是固定的，可以直接設置圖片寬高，但這會導致留白或圖片變形。而max-width和max-height屬性則具有更好的適應性，能夠保持圖片原本的寬高比，而不會出現變形。

如果我們想要設置圖片的大小為50%的話，可以使用以下CSS屬性：

.image{
width: 50%;
}

上述代碼將圖片的寬度設置為父元素的50%。這樣，圖片就會適應屏幕大小，不會影響用戶的瀏覽體驗。

除此之外，我們還可以通過CSS屬性為圖片添加邊框、圓角等效果，使其在頁面中更加美觀。例如，我們可以使用以下代碼為圖片添加圓角效果：

.image{
border-radius: 50%;
}

上述代碼將圖片的邊框設置為圓角，使得圖片在顯示時更加柔和，使用戶感到更加舒適。

總之，CSS屬性能夠為我們帶來很多好處。在網頁設計中，通過CSS屬性，我們可以自由地設置圖片的大小、邊框等效果，進一步提高用戶的瀏覽體驗。因此，我們應該學會并且靈活地使用CSS屬性。