CSS中有一個(gè)很好用的屬性——border-radius，可以讓我們輕松實(shí)現(xiàn)圓角效果。不僅僅是左上角、左下角、右上角、右下角，通過使用border-top-right-radius和border-bottom-right-radius屬性，我們也可以實(shí)現(xiàn)右邊圓角的效果。

.box {
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
}

上述代碼中的.box是指定待實(shí)現(xiàn)右邊圓角效果的元素，border-top-right-radius和border-bottom-right-radius屬性分別控制了右上角和右下角的圓角大小。值得注意的是，當(dāng)我們使用border-radius屬性時(shí)，如果只想控制某個(gè)角的圓角大小，需要寫明對應(yīng)的屬性，否則會將所有四個(gè)角的圓角大小都修改。

此外，我們也可以同時(shí)控制多個(gè)角的圓角大小，只需要將對應(yīng)的屬性值寫在一起即可。比如，要實(shí)現(xiàn)左上角和右下角為8像素，左下角和右上角為10像素的圓角效果，代碼如下：

.box {
border-top-left-radius: 8px;
border-bottom-right-radius: 8px;
border-bottom-left-radius: 10px;
border-top-right-radius: 10px;
}

上述代碼中的.box是指定的樣式名，分別控制了四個(gè)角的圓角大小。