CSS是網(wǎng)頁設計中重要的一部分，它讓網(wǎng)頁變得更加美觀和有吸引力。一個常用的CSS屬性就是圓角（border-radius），它能夠讓一個矩形變成圓角矩形或圓形。下面來看一下它怎么用。 首先，我們需要使用border-radius屬性來設置圓角矩形。這個屬性有四個值，分別是左上角、右上角、右下角和左下角的圓角程度。例如，如果我們要讓左上角有5像素的圓角，我們可以這樣寫：

.box {
border-radius: 5px 0 0 0;
}

這個屬性還支持使用百分比來設置圓角。如果我們想要一個寬高比為1：1的圓形，我們可以這樣寫：

.circle {
width: 100px;
height: 100px;
border-radius: 50%;
}

這里的50%會讓左上角、右上角、右下角和左下角都變成50%弧度的圓形。 除了直接設置圓角值外，我們也可以使用關(guān)鍵字來設置。border-radius屬性支持有限的關(guān)鍵字值，例如：

.box {
border-radius: 10px 20px 30px 40px / 50px 60px 70px 80px;
}

這個例子中，我們使用斜杠分隔了圓角大小和橫向和縱向的大小。注意，這個屬性只有在CSS3中才被加入。 最后，還有一個例子使用關(guān)鍵字value of inherit，它可以將一個元素的指定屬性值設置為其父元素的相應屬性值，例如：

.parent {
border-radius: 10px;
}
.child {
border-radius: inherit;
}

這個例子中，子元素.child的圓角大小會繼承父元素.parent的圓角大小。 以上就是關(guān)于CSS的圓角的一些介紹，希望能幫助大家更好的使用這個屬性。