<div style radius> 是一個CSS樣式屬性，用于設置元素的圓角。通過使用這個屬性，可以將元素的邊框和背景的四個角變為圓角，從而給元素添加一種柔和、現代化的外觀。在本文中，我們將詳細介紹如何使用 div style radius 屬性，并提供幾個實例來幫助讀者更好地理解這個屬性的用法。
<div style radius> 屬性可以通過使用CSS的方式來定義或者內聯寫法來應用于HTML元素。它的值可以是一個具體的像素值，也可以是一個百分比，來設置元素圓角的大小。下面我們將通過幾個例子來演示具體的使用方法：

例1：設置固定像素值的圓角

在這個例子中，我們將使用

<div>

元素，并將其 CSS 的

border-radius

屬性設置為

10px

，這將通過一個固定的像素值來設置元素的圓角。

<div style="border-radius: 10px; background-color: grey;">
<p>這是一個有圓角的DIV元素</p>
</div>

例2：設置百分比值的圓角

在這個例子中，我們將使用

<div>

元素，并將其 CSS 的

border-radius

屬性設置為

50%

，這將通過一個百分比值來設置元素的圓角。

<div style="border-radius: 50%; background-color: lightblue;">
<p>這是一個有圓角的DIV元素</p>
</div>

例3：設置上下左右不同大小的圓角

在這個例子中，我們將使用

<div>

元素，并將其 CSS 的

border-radius

屬性設置為一個四個不同像素值的參數，分別是：左上角

10px

，右上角

20px

，右下角

30px

，左下角

40px

。

<div style="border-radius: 10px 20px 30px 40px; background-color: pink;">
<p>這是一個有不同圓角的DIV元素</p>
</div>

通過以上幾個例子，我們可以看到如何使用 <div style radius> 屬性來設置元素的圓角效果。使用固定像素值、百分比值，或者多個參數的組合，我們可以輕松地調整元素的圓角效果，以適應不同的設計需求。
請注意，<div style radius> 屬性對于不支持 CSS3 的舊版本瀏覽器可能無法正常顯示圓角效果。為了確保在各種瀏覽器上都能獲得一致的顯示效果，建議在使用時考慮使用其他方法或者提供備用樣式。