CSS是一種用來為網頁添加樣式的語言。使用CSS，我們可以輕松地為網頁添加各種各樣的樣式，包括字體、顏色、布局等等。在本文中，我們將介紹如何使用CSS生成圓角矩形。

生成圓角矩形的方法非常簡單，只需要在CSS中添加一個border-radius屬性即可。該屬性可以設置一個元素的邊框圓角的大小。

border-radius: 5px;

上述代碼表示設置一個元素的邊框圓角半徑為5像素。如果要設置不同大小的圓角，可以使用下列代碼：

border-radius: 5px 10px 15px 20px;

上述代碼中，前面的5px表示左上角的圓角半徑，10px表示右上角的圓角半徑，15px表示右下角的圓角半徑，20px表示左下角的圓角半徑。如果希望前后左右四個角的圓角半徑都相等，則可以將上述代碼改為：

border-radius: 10px;

border-radius的取值可以是一個長度，也可以是一個百分數。如果使用百分數，則其值將相對于元素邊框盒的大小來確定，例如：

border-radius: 50%;

上述代碼表示設置元素的邊框圓角半徑為它的邊框盒大小的50%。因此，如果元素的寬度和高度相等，則它的邊角將呈現出完美的圓形。

對于不同的瀏覽器，border-radius的表現方式可能會有所不同。因此，在使用border-radius時，最好同時添加-webkit-border-radius屬性和-moz-border-radius屬性，以確保兼容性。

border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;

這樣，在不同的瀏覽器中，我們可以確保圓角矩形的呈現方式是一致的。

總之，使用CSS生成圓角矩形非常簡單，只需要添加一個border-radius屬性即可。如果希望實現不同大小的圓角，可以使用多個值或百分數來設置。