在網頁設計中，常常需要使用圖片來美化頁面，同時也可以增加頁面的信息量和吸引力。而在實際應用中，我們需要使用CSS來控制圖片的樣式和顯示效果。

/*圖片樣式*/
img {
display: block; /*設置圖片為塊級元素，使其獨占一行*/
margin: 0 auto; /*水平居中*/
max-width: 100%; /*保證圖片不超出容器寬度*/
height: auto; /*根據寬度等比縮放高度，避免圖片變形*/
border: none; /*去掉圖片默認邊框*/
}
/*圓角圖片*/
.rounded {
border-radius: 50%; /*設置border-radius為50%，即可以得到圓形*/
}
/*縮略圖效果*/
.thumbnail {
box-shadow: 0 0 10px rgba(0,0,0,.5); /*添加陰影效果*/
transition: all .2s ease-in-out; /*添加過渡效果*/
}
.thumbnail:hover {
transform: scale(1.02); /*放大圖片*/
box-shadow: 0 0 20px rgba(0,0,0,.8); /*調整陰影效果*/
}

如上代碼，我們首先用基礎樣式控制了圖片的大小、位置、邊框等特性。同時，我們還可以通過加入其他效果，如圓角、陰影、過渡等來增強展現效果。

比如，可以使用border-radius屬性將圖片變成圓形，通過box-shadow屬性添加陰影實現更具層次感的效果，同時使用過渡效果來實現圖片放大的交互效果，讓用戶更容易感知頁面的交互反饋。

總之，在CSS中，有很多方法可以控制和增強圖片的效果，通過多次實踐和嘗試，你將能夠找到最適合你的應用場景的方案。