首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

CSS3区别(关于Webkit和标准)

2013-10-27 
CSS3差别(关于Webkit和标准)1. border-radius标准的border-radiusborder-*-radius可以写为一个值和两个值,

CSS3差别(关于Webkit和标准)
1. border-radius

标准的border-radius

border-*-radius可以写为一个值和两个值,当一个值的时候表示圆角的宽高;两个值的时候,第一个值表示水平宽度,第二个值表示垂直高度。
原文:The two length or percentage values of the ‘border-*-radius’ properties define the radii of a quarter ellipse that defines the shape of the corner of the outer border edge (see the diagram below). The first value is the horizontal radius, the second the vertical radius. If the second value is omitted it is copied from the first. If either length is zero, the corner is square, not rounded. Percentages for the horizontal radius refer to the width of the border box, whereas percentages for the vertical radius refer to the height of the border box. Negative values are not allowed.(来源:http://www.w3.org/TR/css3-background/#the-border-radius)

border-top-left-radius: 15px 20px;border-top-right-radius: 15px 20px;border-bottom-right-radius: 15px 20px;border-bottom-left-radius: 15px 20px;

热点排行