css 實現圓角效果的幾種方法
阿新 • • 發佈:2021-01-30
**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;
}