html邊框圓角化可以用css中的“border-radius”屬性來(lái)實(shí)現(xiàn)。
1、新建html文檔,在body標(biāo)簽中添加一個(gè)div標(biāo)簽,然后為這個(gè)div標(biāo)簽設(shè)置邊框,這時(shí)默認(rèn)情況下邊框是直角:
2、為div標(biāo)簽設(shè)置“border-radius”屬性,屬性值為圓角半徑大小,這時(shí)邊框的四個(gè)頂角都會(huì)變成圓角:
3、為div標(biāo)簽設(shè)置“border-radius”屬性,屬性值分別對(duì)應(yīng)邊框的左上角、右上角、右下角和左下角,這時(shí)可以對(duì)每個(gè)頂角自定義設(shè)置圓角半徑: