CSS 可以用來畫圓角矩形，圓角矩形可以通過border-radius屬性來實(shí)現(xiàn)。border-radius的值可以是一個(gè)或多個(gè)，以逗號(hào)分隔，分別對(duì)應(yīng)四個(gè)角。如果只指定了一個(gè)值，則四個(gè)角都一樣。

下面的代碼演示如何繪制四個(gè)內(nèi)圓角的矩形：

.box {
width: 200px;
height: 100px;
border: 2px solid #ccc;
padding: 10px;
border-radius: 10px / 10px 10px 10px 10px;
}

上面的代碼中，border-radius屬性的值為10px / 10px 10px 10px 10px。其中，10px表示圓角的半徑，/后面的四個(gè)值分別對(duì)應(yīng)左上角、右上角、右下角、左下角的四個(gè)內(nèi)圓角。

如果要讓四個(gè)角都是內(nèi)圓角，可以把值改為：border-radius: 10px 10px 10px 10px / 10px 10px 10px 10px;

如果要讓四個(gè)角都是外圓角，可以把值改為：border-radius: 10px 10px 10px 10px;

如果要讓某個(gè)角是內(nèi)圓角，某個(gè)角是外圓角，可以這樣設(shè)置：

.box {
width: 200px;
height: 100px;
border: 2px solid #ccc;
padding: 10px;
border-radius: 10px 0 0 10px / 10px 0 0 10px;
}

上面的代碼中，左上角和左下角是內(nèi)圓角，右上角和右下角是外圓角。設(shè)置方法是先設(shè)置四個(gè)圓角半徑，然后分別指定四個(gè)角是內(nèi)圓角還是外圓角。