HTML5 是一種用于創(chuàng)建 Web 頁面的標(biāo)記語言。HTML5 可以在 Web 開發(fā)中使用眾多新特性，其中之一就是設(shè)置圖片為圓形。在 HTML5 中，我們可以使用 CSS3 中的 border-radius 屬性來實(shí)現(xiàn)這一功能。實(shí)現(xiàn) HTML5 圖片的圓形效果非常簡(jiǎn)單。我們只需添加一個(gè) CSS3 屬性，就可以讓圖片獲得獨(dú)特的視覺效果。嘗試在您的網(wǎng)站上應(yīng)用此技巧，并創(chuàng)造出獨(dú)一無二的視覺效果吧！
要設(shè)置 HTML5 圖片為圓形，請(qǐng)先創(chuàng)建一個(gè) img 元素，如下所示：
<img src="image.jpg">
接著，在樣式表中添加以下代碼，將圖片設(shè)置為圓形：
img {
border-radius: 50%;
}代碼中的 border-radius 屬性是 CSS3 中的一個(gè)屬性，它控制元素的圓角半徑。在本例中，將其設(shè)置為 50% 可將圖片的邊框設(shè)置為完美的圓形。