設(shè)置圓角div的CSS方法

在CSS中，可以使用border-radius屬性來設(shè)置div的圓角。border-radius屬性可以指定div四個角的半徑，也可以分別指定每個角的半徑。

以下代碼可以將div的四個角設(shè)置為20px的圓角：

div {
  border-radius: 20px;
}

如果想要設(shè)置不同大小的圓角，可以使用斜線分隔每個角的半徑，

div {
  border-radius: 10px 20px 30px 40px;
}

這個例子中，四個角的半徑分別為10px、20px、30px和40px。

如果想要設(shè)置div的某個特定角為圓角，可以使用border-top-left-radius、border-top-right-radius、border-bottom-left-radius和border-bottom-right-radius屬性。

div {
  border-top-left-radius: 20px;
  border-top-right-radius: 30px;
  border-bottom-left-radius: 40px;
  border-bottom-right-radius: 50px;
}

在這個例子中，四個角的半徑分別為20px、30px、40px和50px。

需要注意的是，如果div的邊框?qū)挾炔粸?，則圓角會在邊框內(nèi)部繪制，如果想要讓圓角延伸到邊框外部，可以使用box-sizing屬性將div的寬高包含邊框?qū)挾取?/p>

div {
  border: 2px solid black;
  box-sizing: border-box;
  border-radius: 20px;
}

在這個例子中，圓角會延伸到邊框外部2px的位置。