在網站設計和開發中，標簽的樣式和效果是其中一個重要的方面。圓角標簽是一種很常見的元素，可以為網站增加一份柔和的美感。下面我們來學習一下如何使用 CSS 將標簽的邊角變成圓角。

/* HTML 代碼 */
<div class="rounded">
<p>這是一個圓角標簽</p>
</div>
/* CSS 代碼 */
.rounded {
border-radius: 10px; /* 控制邊角的大小 */
background-color: #ccc; /* 背景色 */
padding: 10px; /* 內邊距 */
}
p {
margin: 0; /* 消除段落間的間距 */
}

上述代碼演示了如何創建一個圓角標簽。我們使用?border-radius?來定義邊角的大小，通過調整數值，可以控制圓角的弧度大小。我們還可以為標簽添加背景色和內邊距，使它更美觀。在上述代碼中，我們添加了一個類?.rounded?來為標簽添加樣式。

當然，我們也可以為不同元素設置不同的圓角半徑：

/* HTML 代碼 */
<div class="rounded">
<h2>這是一個圓角標題</h2>
<p>這是一個圓角段落</p>
</div>
/* CSS 代碼 */
.rounded {
border-radius: 10px;
background-color: #ccc;
padding: 10px;
}
h2 {
border-top-left-radius: 20px; /* 左上角圓角半徑 */
border-top-right-radius: 20px; /* 右上角圓角半徑 */
}
p {
border-bottom-left-radius: 20px; /* 左下角圓角半徑 */
border-bottom-right-radius: 20px; /* 右下角圓角半徑 */
margin: 0;
}

在上述代碼中，我們分別為?h2?和?p?元素設置了不同的圓角半徑，以實現不同的效果。

總之，圓角標簽是通過 CSS 中的?border-radius?屬性實現的。我們可以通過調整半徑大小和樣式來創建美觀而實用的圓角標簽。