在網頁設計中，圖片素材的運用是必不可少的。而如何修改圖片在網頁中的呈現效果，是我們需要重點學習的內容。在CSS中，我們可以通過一些屬性和方法來修改圖片的大小、形狀、位置等。

以下是CSS中常用的幾個屬性和方法，可以幫助我們輕松地實現圖片的調整。

/* 1.修改圖片大小 */
img {
width: 100px; /* 設置圖片寬度為 100 像素 */
height: auto; /* 高度自適應，保持圖片比例不變 */
}
/* 2.修改圖片形狀 */
#photo {
border-radius: 50%; /* 把圖片圓角化，實現圓形效果 */
}
/* 3.修改圖片位置 */
.bg-img {
background-image: url("bg.jpg"); /* 設置背景圖片 */
background-repeat: no-repeat; /* 不重復平鋪背景圖片 */
background-position: center; /* 把背景圖片放在容器中央 */
}

上述的圖片修改方法在前端開發中非常常見，掌握它們可以給我們的網頁設計增加更多的靈活性與創意性。除此之外，還有很多其他的CSS屬性和方法可以應用到圖片的修改中，在實踐中繼續積累和探索，才能更好的發揮CSS的作用。