如何設(shè)置圓邊矩形

在CSS中，可以使用border-radius屬性來設(shè)置元素的圓邊矩形，該屬性可以指定四個(gè)角的半徑，也可以只指定一個(gè)角的半徑，其他角的半徑會(huì)自動(dòng)應(yīng)用相同的值。

要設(shè)置一個(gè)元素的四個(gè)角都為圓邊矩形，可以寫：

border-radius: 10px;

如果要設(shè)置左上角和右下角的半徑為10px，其他角的半徑為0，可以寫：

border-radius: 10px 0 0 10px;

***個(gè)值表示左上角的半徑，第二個(gè)值表示右下角的半徑，第三個(gè)值表示左下角的半徑，第四個(gè)值表示右下角的半徑。

還可以設(shè)置border-style屬性來指定邊框的樣式，例如實(shí)線、虛線等。

border-style: solid;

如果要設(shè)置邊框的顏色，可以使用border-color屬性。

border-color: #ff0000;

屬性可以組合使用，以創(chuàng)建具有圓邊矩形的元素。