CSS中的邊框樣式是制作網(wǎng)頁時(shí)必不可少的樣式之一。邊框可以用來裝飾、分隔網(wǎng)頁內(nèi)容和區(qū)域。而邊框的圓角化是美化網(wǎng)頁的一個(gè)小技巧。

/*使用border-radius屬性設(shè)置邊框圓角*/
border-radius: 10px;

以上代碼可以將邊框的四個(gè)角都設(shè)置為圓角，值10px可以自行根據(jù)需求調(diào)整。如果想只圓角化邊框的某個(gè)角：

/*分別設(shè)置所有四個(gè)角的圓角程度*/
border-top-left-radius: 10px;
border-top-right-radius: 10px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
/*只圓角化邊框左上角*/
border-top-left-radius: 10px;

另外，可以使用不同的數(shù)值設(shè)置特定的圓角程度，例如：

/*設(shè)置邊框左上角為50px圓角*/
border-top-left-radius: 50px;
/*設(shè)置邊框右下角為20px圓角*/
border-bottom-right-radius: 20px;

注意：在使用border-radius屬性時(shí)要注意兼容性問題，因?yàn)槟承┑桶姹镜臑g覽器并不支持該屬性。