HTML5中的標(biāo)簽可以用來(lái)插入圖片，同時(shí)也可以設(shè)置圓角。當(dāng)在網(wǎng)頁(yè)中插入圖片時(shí)，有時(shí)需要將圖片設(shè)置成圓角的形狀，這樣可以讓網(wǎng)頁(yè)看起來(lái)更加美觀。下面我們來(lái)看看如何使用HTML5的標(biāo)簽設(shè)置圓角。 首先，在標(biāo)簽中添加style屬性。在style屬性中設(shè)置“border-radius”屬性，然后設(shè)置為想要的圓角大小，例如“border-radius：50%”。這樣就可以將圖片設(shè)置為圓形了。如下所示：

如果想將圖片設(shè)置為橢圓形，則需要設(shè)置兩個(gè)“border-radius”屬性，分別為圓角的橫向和縱向大小。例如將圓角橫向設(shè)置為50%，縱向設(shè)置為25%。如下所示：

CSS3也支持更多的圓角設(shè)置，例如設(shè)置不同角落的圓角大小，可以分別設(shè)置四個(gè)“border-radius”屬性。如下所示：

在這個(gè)例子中，圖片的左上角和右下角是圓形的，而右上角和左下角是橢圓形的。通過(guò)這些設(shè)置，就可以讓網(wǎng)頁(yè)中的圖片變得更加美觀，達(dá)到更好的展示效果。