在我們的網頁設計中，圓角矩形是一個很常見的界面元素。在CSS中，我們可以輕松地實現圓角矩形的效果。

border-radius: 5px;

以上代碼即可將一個矩形的四個角變為圓角，其中5px為圓角的像素數。如果想只對某幾個角進行圓角處理，我們可以使用border-top-left-radius、border-top-right-radius、border-bottom-left-radius、border-bottom-right-radius四個屬性。

border-top-left-radius: 10px;
border-top-right-radius: 10px;

以上代碼為將左上和右上兩個角設置了10px的圓角效果。

如果想將圓角的曲率變得更加平滑，我們可以使用bezier曲線來實現。以下代碼中的四個數字分別表示左上、右上、右下、左下四個角的曲率值。

border-radius: 10px 5px 8px 3px / 3px 8px 5px 10px;

在CSS3中，我們還可以使用box-shadow屬性來實現陰影的效果。以下代碼為將一個圓角矩形設置了陰影效果。

box-shadow: 2px 2px 2px #888;

以上代碼中，2px 2px表示x軸和y軸的偏移量，2px表示模糊半徑，#888為陰影顏色。

綜上所述，通過簡單的CSS代碼，我們可以輕松地實現各種圓角矩形的效果和陰影效果，為我們的網頁設計更添一份美觀。