CSS中有許多神奇的屬性，其中一個是border-radius。使用它可以讓我們輕而易舉地將角變成圓形。現在就讓我們來學習如何使用這個屬性吧。

.round{
border-radius: 50%; /*將邊角的半徑設置為50%*/
}

如上所示，在CSS中使用border-radius屬性，可以將邊角的半徑設置為50%。這意味著，四個角的半徑相等，而且都是其邊框高度或寬度的一半。當然，你也可以手動指定每個角的半徑，比如這樣：

.round{
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}

還有一些常見的border-radius屬性值：

.round{
border-radius: 10px; /*直角變為圓角，半徑為10px*/
border-radius: 10px 20px; /*左上角和右下角半徑為10px，右上角和左下角半徑為20px*/
border-radius: 10px 20px 30px; /*分別代表左上角、右上角、右下角和左下角的半徑大小*/
border-radius: 10px 20px 30px 40px; /*上左、上右、下右、下左，按照順序來分別代表左上，右上，右下 和左下角的半徑大小*/
}

使用border-radius屬性可以輕松地讓角變成圓形。鼓勵大家多多嘗試不同的值，制作出個性化的圓形邊框。