CSS3是現在用來美化頁面的首選技術之一。它提供了許多特性，其中一個是在網頁上顯示圖片的能力。

img {
width: 100%;
height: auto;
display: block;
margin: 0 auto;
border-radius: 20px;
box-shadow: 5px 5px 10px rgba(0,0,0,0.5);
}

這段代碼設置了圖片的寬度為100%，高度自動，使圖片居中顯示，加上了圓角和陰影，讓圖片更加美觀。

除了以上的基礎樣式，還有許多更加復雜的樣式可以實現更特別的效果，例如使用CSS3動畫來縮小或放大圖片：

img:hover {
transform: scale(1.2);
}

這樣當鼠標懸停在圖片上時，圖片會縮放1.2倍，也可以通過設置transition屬性，讓縮放變得平滑。

另外，在使用圖片時我們也可以將其變為響應式圖片：

img {
max-width: 100%;
height: auto;
display: block;
margin: 0 auto;
border-radius: 20px;
box-shadow: 5px 5px 10px rgba(0,0,0,0.5);
}

這樣，圖片的寬度會根據父元素的寬度來縮放，同時高度保持自適應。這個技術非常有用，因為現在人們使用各種設備瀏覽網頁，需要一個靈活的設計。

總體來說，CSS3可以幫助我們在網頁中使用圖片變得更美觀和充滿活力，而且這些特性都不需要使用JavaScript來實現。