在網頁設計中，圓角已經成為了一個非常常見的設計元素。使用CSS可以很方便地設置圓角，同時我們也可以設置邊框來讓圓角更加突出。

我們可以使用border-radius屬性來設置圓角，例如：

這是一個圓角矩形

在上面的例子中，我們給一個div元素設置了10像素的圓角，并且同時設置了3像素的邊框。padding屬性用于設置元素的內邊距，這樣文字就不會直接貼著邊框。

border-radius屬性可以設置四個角的圓角程度，也可以分別設置每一個角的圓角大小。例如：

這是一個不規則的圓角矩形

在上面的例子中，我們給左上角、右上角、右下角和左下角分別設置了不同的圓角程度。

除了使用border屬性來設置邊框，我們還可以使用box-shadow屬性來設置邊框的陰影效果：

這是一個帶有陰影效果的圓角矩形

在上面的例子中，我們設置了一個半徑為10像素的黑色陰影。因為陰影是以元素的外部為基準的，所以我們可以省略border屬性，也不需要設置邊框。

綜上所述，通過設置border-radius和border屬性，我們可以輕松地創建出各種各樣的圓角效果。