<div>標簽是HTML中用來定義文檔中的一個區塊的元素。通過給<div>標簽添加樣式，可以設置其邊框的形狀，如圓角。在CSS中，使用border-radius屬性可以實現div的加圓角效果。本文將介紹通過border-radius屬性實現div加圓角的幾個案例。
，我們來看一個最簡單的案例。在下面的代碼中，我們給一個div添加了一個類名為"rounded"的樣式，這個樣式設置了border-radius屬性為50%。這樣，這個div的四個角就被設置成了圓角。

<style>
.rounded {
border-radius: 50%;
}
</style>
<div class="rounded">
<p>這是一個帶有圓角的div。</p>
</div>

接下來，我們看一個更復雜一點的案例。在下面的代碼中，我們對一個div應用了兩個不同的樣式類名："rounded-top"和"rounded-bottom"。這兩個樣式設置了對應的border-radius屬性，使div的上半部分和下半部分具有不同的圓角效果。

<style>
.rounded-top {
border-top-left-radius: 50px;
border-top-right-radius: 50px;
}
<br>
  .rounded-bottom {
border-bottom-left-radius: 50px;
border-bottom-right-radius: 50px;
}
</style>
<div class="rounded-top rounded-bottom">
<p>這是一個上半部分圓角，下半部分直角的div。</p>
</div>

除了圓角的形狀，我們還可以通過設置不同的尺寸來改變圓角的大小。在下面的代碼中，我們給一個div添加了一個類名為"large-rounded"的樣式，這個樣式設置了border-radius屬性為20px。這樣，這個div的圓角將更加明顯。

<style>
.large-rounded {
border-radius: 20px;
}
</style>
<div class="large-rounded">
<p>這是一個具有大圓角的div。</p>
</div>

最后，我們來看一個綜合應用案例。在下面的代碼中，我們給一個div添加了一個類名為"styled"的樣式。這個樣式設置了背景顏色、邊框樣式、邊框寬度和圓角等屬性，使div呈現出一個美觀的樣式。

<style>
.styled {
background-color: #f0f0f0;
border: 2px solid #ccc;
border-radius: 5px;
padding: 10px;
}
</style>
<div class="styled">
<p>這是一個經過樣式美化的div。</p>
</div>

通過以上幾個案例，我們了解了如何使用border-radius屬性在HTML中實現div加圓角的效果。可以根據具體的需求和設計要求，靈活應用這些樣式屬性，定制出各種形狀各異的div。希望本文對你理解div加圓角有所幫助。