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

發表迴響

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

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / 變更 )

Twitter picture

You are commenting using your Twitter account. Log Out / 變更 )

Facebook照片

You are commenting using your Facebook account. Log Out / 變更 )

Google+ photo

You are commenting using your Google+ account. Log Out / 變更 )

連結到 %s