設(shè)置CSS邊框?yàn)閳A角的方法

在CSS中，可以使用border-radius屬性將邊框設(shè)置為圓角，該屬性可以指定圓角的半徑，或者通過(guò)關(guān)鍵詞closest-side、farthest-side和equal來(lái)自動(dòng)計(jì)算半徑。

要將一個(gè)元素的邊框設(shè)置為圓角，可以編寫(xiě)如下代碼：

border-radius: 10px;

或者：

border-radius: closest-side;

或者：

border-radius: farthest-side;

或者：

border-radius: equal;

10px表示圓角的半徑為10像素，closest-side表示半徑等于離圓心***近的邊到圓心的距離，farthest-side表示半徑等于離圓心***遠(yuǎn)的邊到圓心的距離，equal表示四個(gè)角的半徑相等，且等于元素的***小邊長(zhǎng)的一半。

需要注意的是，如果元素本身沒(méi)有邊框，那么設(shè)置border-radius屬性將不會(huì)生效，在需要設(shè)置圓角邊框的情況下，應(yīng)該先給元素設(shè)置一定的邊框?qū)挾取?/p>