HTML5是一項新的技術，可以幫助開發人員輕松地創建優美的網站。在網站開發中，經常需要在頁面上顯示圖片。為了讓圖片看起來更好看，我們經常需要將圖片設置成圓角。本篇文章將介紹如何使用HTML5來設置圖片的圓角。 首先，在HTML5中，我們可以使用CSS3的border-radius屬性來設置圖片的圓角。這個屬性使用起來非常簡單。我們只需要在CSS文件中定義一個類，給這個類設置border-radius屬性，然后將這個類應用到圖片的標簽上即可。 下面是一個示例代碼：

.rounded-image {
border-radius: 50%;
}

上面的代碼中，我們定義了一個類名為 "rounded-image" ，并設置了border-radius屬性。這里設置的值是50%，表示將圖片設置成圓形。如果要設置為其他形狀，可以將值改為其他百分比值。 接下來，我們在HTML文件中使用這個類名來應用到圖片上。示例代碼如下：

這是一張圓角圖片：

上面的代碼中，我們使用了標簽來顯示圖片，在這個標簽中設置了class屬性為 "rounded-image" ，這就應用了剛才定義的圓角類。這樣圖片就會顯示為一個圓形了。 總結一下，使用HTML5的CSS3技術可以輕松地將圖片設置成圓角。只需要在CSS文件中定義一個類，然后在標簽中應用這個類即可。這樣可以讓網站的圖片看起來更美觀，提高用戶體驗。