在網頁中，我們經常需要使用矩形或圓角矩形來美化網頁的布局。這時，我們就可以使用CSS來實現這個效果。下面，我們來介紹如何使用CSS實現矩形和圓角矩形。
首先，我們先來看如何使用CSS實現矩形。我們可以使用CSS的border屬性來設置矩形的邊框樣式。比如，下面這段CSS代碼可以實現一個黑色的1像素實線矩形：

p {
border:1px solid black;
}

上述代碼中，p是指段落標簽。我們通過設置p標簽的border屬性，來實現矩形的邊框樣式。其中，1px表示邊框的寬度，solid表示實線樣式，black表示邊框的顏色。這樣，我們就可以實現一個簡單的矩形效果。
接下來，我們來看如何使用CSS實現圓角矩形。要實現圓角矩形，我們需要使用CSS的border-radius屬性。該屬性可以設置邊框的圓角半徑。比如，下面這段CSS代碼可以實現一個半徑為10像素的黑色實線圓角矩形：

p {
border:1px solid black;
border-radius:10px;
}

上述代碼中，我們通過設置p標簽的border-radius屬性，來實現圓角矩形的效果。其中，10px表示圓角的半徑，與border屬性的設置相同，也是實線樣式、黑色邊框。
使用CSS實現矩形和圓角矩形，可以幫助我們美化網頁的布局，增強用戶體驗。希望以上介紹能夠對廣大前端開發者有所幫助。