0元购京东自营斐讯K2路由器返399元活动
置顶

利用CSS3的Border-radius属性定义边框圆角

作者:     目录: 小代码     发表: 2010年01月25日

利用CSS3的border-radius属性来定义块元素的边框圆角。

具体示例:

Mozilla/Firefox和Safari 3 浏览器支持此属性定义。

代码如下:

<div style="background-color: #ccc;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 1px solid #000;
padding: 10px;" >

根据需要,可定义指定位置的圆角。例如:

Mozilla/Firefox和Safari 3 浏览器支持此属性定义

代码如下:

<div style="background-color: #ccc;-moz-border-radius: 5px;
-webkit-border-radius: 5px;border: 1px solid #000;
padding: 10px;-moz-border-radius-topleft:10px;-webkit-border-top-left-radius:10px;">
Mozilla/Firefox和Safari 3 浏览器支持此属性定义
</div>

根据下面给出的代码,定义指定位置的圆角。

  • -moz-border-radius-topleft / -webkit-border-top-left-radius
  • -moz-border-radius-topright / -webkit-border-top-right-radius
  • -moz-border-radius-bottomleft / -webkit-border-bottom-left-radius
  • -moz-border-radius-bottomright / -webkit-border-bottom-right-radius
标签: .

发表评论

电子邮件地址不会被公开。 必填项已用*标注