CSS圓角矩形是美化網(wǎng)頁設(shè)計的一個重要元素。相對于傳統(tǒng)的矩形，它更加柔和、舒適，而且可以根據(jù)需要進(jìn)行調(diào)整。在這篇文章中，我們將介紹如何使用CSS設(shè)置圓角矩形。 首先，我們可以使用border-radius屬性來設(shè)置圓角。這個屬性有4個值，分別對應(yīng)矩形4個角的圓角半徑，可以使用像素、百分比或em作為輸入值。例如：

p{
border-radius: 10px;
}

這個代碼將為所有段落添加10像素的圓角。 我們還可以為每個角指定不同的圓角半徑。例如：

p{
border-radius: 10px 5px 20px 15px;
}

這個代碼表示左上角半徑為10像素，右上角半徑為5像素，右下角半徑為20像素，左下角半徑為15像素。 除了使用具體像素值，我們還可以使用百分比。例如：

p{
border-radius: 50%;
}

這個代碼將為所有段落設(shè)置50%的圓角，使它們成為一個正圓。 最后，我們還可以為圓角添加不同的背景顏色，這樣可以讓圓角更加突出。例如：

p{
border-radius: 10px;
background-color: #f2f2f2;
}

這個代碼將為所有段落添加10像素的圓角，并為這些圓角添加一個淺灰色的背景色。 總之，CSS圓角矩形是一個簡單但有效的方法，可以改善網(wǎng)頁設(shè)計的外觀和感覺。希望這篇文章能夠幫助你更好地了解如何使用CSS設(shè)置圓角矩形。