HTML5設置圖片為圓角 使用HTML5可以很容易地設置圖片為圓角。通過使用CSS屬性，可以在不使用其他插件或JavaScript的情況下實現該功能。 要設置圖片為圓角，請使用CSS border-radius屬性。該屬性允許您設置邊框的圓角半徑，從而使邊框更加圓潤。 以下是HTML代碼示例：

<img src="your_image.jpg" style="border-radius: 50%;">

在上面的代碼中，border-radius屬性設置為50%。這意味著它將使邊框變為一個完美的圓形，因為它的寬和高是相同的。 如果您想使邊框更小或更大，只需要更改border-radius的百分比值即可。 下面是另一個示例，其中border-radius設置為10%：

<img src="your_image.jpg" style="border-radius: 10%;">

此代碼將使邊框有輕微的圓角，看起來更平滑。 您還可以使用CSS類或ID選擇器將樣式應用于多個圖像。以下是示例代碼：

<style>
.rounded-image {
border-radius: 50%;
}
</style>
<img src="your_image1.jpg" class="rounded-image">
<img src="your_image2.jpg" class="rounded-image">

在上面的代碼中，.rounded-image類設置了border-radius屬性，而這個類被應用于兩個不同的圖像。 通過使用border-radius屬性，您可以輕松地添加圓角效果到您的網站上的任何圖像。