I am houbiao beta 0.1

CSS3 border-radius

分类:CSS3

一直没怎么动CSS3的样式,今天拿border-radius做个简单的哆啦A梦,感觉还不错,样式处理的还算圆滑。留作笔记吧。(radius翻译为半径)CSS3 border-radius

该属性用于给元素添加圆角效果,同理也可以让元素变成一个圆。

Demo - Doraemon

border嘛,所以值不可以是负数,可以是百分比,比如50%等等也可以说具体的数值10px,100px等等。

赋值的方式基本也border一样,采用上右下左的顺序,不同的是,这个的顺序稍微有点不同。

上:表示左上的角度。

右:表示右上的角度。

下:表示右下的角度。

左:表示左下的角度。

46962 reads 1 comments

上一篇:CSS3 -webkit-gradient之linear-线性渐变 已经是最后一篇

回复信息

houbiao

通过 iphone 回复

旋转样式如果这几个浏览器都统一就好了。

Leave a comment

*