四月
29

支持火狐、safair的css圆角定义

我说支持火狐safair,是指只支持这两个浏览器,chrome也支持,opera不清楚,IE铁定不支持

#class {
background-color:
#000;
border: 1px solid #000;
-moz-border-radius: 10px;

-webkit-border-radius: 10px;
}

这个是四个角全是圆角,10px是圆角大小,可自定义;要向自定义两个或三个角圆角,请看下面

#class {
background-color:
#000;
border: 1px solid #000;
-moz-border-radius-topright: 10px;

-moz-border-radius-bottomright: 10px;

-webkit-border-top-left-radius: 10px;
-webkit-border-bottom-left-radius:
10px;
}

tioright和bottomright是位置,分别是右上和右下,你也可以自定义位置。

本文标签: 没有标签

分享

本文短网址: http://qiqi.boy.im/49

这篇文章没有评论

Comments (0) Trackbacks (0)
You can leave a response or Trackback this entry .
    No comments yet.
  1. No trackbacks yet.

Leave a Reply

Hi , say something.

  • :?:
  • :razz:
  • :sad:
  • :evil:
  • :!:
  • :smile:
  • :oops:
  • :grin:
  • :eek:
  • :shock:
  • :???:
  • :cool:
  • :lol:
  • :mad:
  • :twisted:
  • :roll:
  • :wink:
  • :idea:
  • :arrow:
  • :neutral:
  • :cry:
  • :mrgreen: