CSS是現代Web前端開發中不可或缺的技術之一，它可以為HTML文檔添加樣式。

其中一個比較常見的樣式就是圓角矩形。下面是一段CSS代碼，可以通過它實現圓角矩形效果：

/* 設置圓角矩形的樣式 */
.rounded {
border-radius: 10px;
-moz-border-radius: 10px; /* Firefox */
-webkit-border-radius: 10px; /* Safari, Chrome等Webkit核心瀏覽器 */
}
/* 設置帶有背景色的圓角矩形 */
.rounded-bg {
background-color: #eee;
border-radius: 10px;
-moz-border-radius: 10px; /* Firefox */
-webkit-border-radius: 10px; /* Safari, Chrome等Webkit核心瀏覽器 */
}

如上代碼所示，通過設置border-radius屬性，可以使元素的邊框變為圓角。同時，對于不同的瀏覽器，還需要添加前綴以保證兼容性。

如果要設置帶有背景色的圓角矩形，則需要在CSS中添加background-color屬性來設置背景顏色。

以上就是CSS中實現圓角矩形的方法。需要注意的是，在實際使用中還需根據具體情況進行調整。