HTML5圖片設置為圓角非常簡單，只需要添加一些CSS代碼即可。下面是一個使用CSS border-radius屬性將圖片設置為圓角的示例：

<style>
img {
border-radius: 50%;
}
</style>
<p><img src="example.jpg" alt="Example" /></p>

在這個示例中，我們將圓角半徑設置為50%，這意味著圖片將被削減為圓。我們還添加了一個段落標記（<p>），以便將圖片包含在其中。 如果您想更改邊角半徑或應用特定的圓角形狀，可以通過指定不同的值來更改CSS屬性。下面是一個示例，將圖片設置為具有4個不同半徑的圓角：

<style>
img {
border-radius: 15px 30px 10px 5px;
}
</style>
<p><img src="example.jpg" alt="Example" /></p>

在這個示例中，我們指定了每個角的不同半徑值，以獲得更具體的形狀。請注意，我們仍然將圖片包含在段落標記中。 通過使用border-radius屬性和不同的值，您可以輕松地將自己的HTML5圖片設置為任何形狀的圓角。