码迷,mamicode.com
首页 > Web开发 > 详细

css3中border-radius可以绘制任意圆角

时间:2015-05-15 19:29:03      阅读:161      评论:0      收藏:0      [点我收藏+]

标签:

SVG可以绘制图形的,如:

<rect/><circle/><ellipse/><line/><polyline/><polygon/><path/>

分别可以绘制矩形,圆形,椭圆,线,折线,多边形,路径

矩形包括变异的含有圆角的矩形:

 

<rect  x="20" 
    y="20"
    rx="20"
    ry="20"
    width="250"     height="100"
    style="fill:red;stroke:black;stroke-width:5;
    opacity:0.5"/>

rx和ry就可以定义圆角。

如今,css3中也包含对圆角的属性:

 技术分享

css3中border-radius可以绘制任意圆角

标签:

原文地址:http://www.cnblogs.com/sarah9008/p/4506606.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!