1. 程式人生 > 其它 >css 實現圓角效果的幾種方法

css 實現圓角效果的幾種方法

技術標籤:csscsscss3

**border-radius:**用這個屬效能實現圓角邊框的效果。現在只有Mozilla/Firefox 和 Safari 3支援該屬性。
**-webkit-border-radius:**蘋果;谷歌,等一些瀏覽器認,因為他們都用的是webkit核心;
**-moz-border-radius:**moz這個屬性 主要是專門支援Mozilla Firefox 火狐瀏覽器的CSS屬性。
在這兩個屬性有值的時候,去掉哪個屬性,對用他們做核心的瀏覽器就有影響,如果沒值的話,就沒影響,這兩個屬性和,IE,和360沒關係。不刪除的話影響微乎其微.

.orbit {
border: 1px solid #d6d; background: url(/static/img/ietrans.gif); border-radius: 200px; -moz-border-radius: 200px; -webkit-border-radius: 200px; }