CSS 圓角邊框是一種非常常見的設計元素，它能夠使頁面看起來更加美觀。但是，在使用圓角邊框的時候，有時需要根據內容調整圓角邊框的大小，這就需要使用一些 CSS 技巧。

首先，我們需要了解 CSS 中有一個非常有用的屬性，它就是border-radius。這個屬性可以讓我們設置圓角邊框。例如，設置一個半徑為 10px 的圓角邊框：

div {
border-radius: 10px;
}

接下來，我們需要通過一些 CSS 代碼來實現圓角邊框根據內容調整大小的效果。下面是一段代碼示例：

div {
border: 2px solid red;
padding: 10px;
border-radius: 20px;
display: inline-block;
}
div:after {
content: "";
display: block;
height: 0;
clear: both;
}
div p:first-of-type {
margin-top: 0;
}
div p:last-of-type {
margin-bottom: 0;
}
div p {
font-size: 16px;
line-height: 1.5;
}

以上代碼首先設置了一個 2px 紅色實線邊框，并給容器添加了 10px 的內邊距。然后，通過border-radius屬性設置了一個 20px 的圓角邊框。由于這里的容器是使用inline-block屬性設置的，所以它會根據內容自動調整大小。

接下來，我們使用了::after偽元素，它可以在容器的最后插入一個空元素。這個元素會使容器自動適應內容的高度，我們只需要設置它的寬度即可。

同時，我們還使用了一些其他的 CSS 屬性來控制段落的樣式，比如margin、font-size和line-height。這些屬性可以使頁面的排版更加美觀。

通過以上的技巧，我們可以輕松實現圓角邊框根據內容調整大小的效果。這種技術在一些特殊的設計場景中非常有用，特別是在制作列表、卡片等內容區域時。