CSS3 border-radius Property 元素邊框圓角屬性

The border-radius property is supported in IE9+, Firefox 4+, Chrome, Safari 5+, and Opera.

支援 CSS3 的 Browser 都可以用此一屬性。

<div style="width:400px;height:80px;background-color:green;border-radius: 5px 10px 15px 20px">指定邊框圓角,可各別指四個位置的圓角值。</div>
指定邊框圓角,可各別指四個位置的圓角值。
<div style="width:400px;height:80px;background-color:green;border-radius:5% 10% 5% 10% ">指定邊框圓角,可各別指四個位置的圓角值。</div>
指定邊框圓角,可各別指四個位置的圓角值。

資料來源:CSS3 border-radius Property

Advertisements

發表迴響

在下方填入你的資料或按右方圖示以社群網站登入:

WordPress.com Logo

您的留言將使用 WordPress.com 帳號。 登出 / 變更 )

Twitter picture

您的留言將使用 Twitter 帳號。 登出 / 變更 )

Facebook照片

您的留言將使用 Facebook 帳號。 登出 / 變更 )

Google+ photo

您的留言將使用 Google+ 帳號。 登出 / 變更 )

連結到 %s