在網頁開發中，經常需要在頁面中插入圖片。而CSS可以幫助我們更好地控制圖片的樣式和位置。下面就是CSS實現圖片顯示的一些方法:

img {
width: 100%;
}

通過以上代碼，我們可以將圖片的寬度設置為100%，從而使圖片始終與其父元素保持相同的寬度。

img {
float: left;
margin-right: 20px;
}

上述代碼實現了將圖片向左浮動，并為其設置20px的右邊距。這將使圖片與其旁邊的內容分離開，讓頁面看起來更加整潔。

img {
border: 1px solid #ccc;
}

這段代碼為圖片添加了1像素的灰色實線邊框，從而讓圖片更加突出。

img:hover {
opacity: 0.8;
transition: opacity 0.5s ease;
}

這段代碼實現了鼠標懸停在圖片上時，使圖片的不透明度降至80%。同時，通過transition屬性，我們可以實現平滑的過渡效果。

總之，通過使用CSS，我們可以輕松地控制圖片的大小、位置、邊框以及懸停效果。這些技巧可以幫助我們創造出更加吸引人的頁面。