CSS3

Border-radius:使用CSS创建圆角

Border-radius是CSS3新增的属性,是Border的子属性。一直喜爱鼓捣CSS的我,免不了动手尝试,不过每次尝试后就把那些自己处理过代码丢在硬盘里,那天有兴趣了,再去网上找资料,这次心想不如把自己在学习中的心得和大家分享出来。但想系统的把自己对某件事务的理解和认识写出来是件很不容易的事情,毕竟我还没有达到那种境界。

我每次在写教程之类时总担心那一步写的不详细,让读者不明白,所以文章总是臭长。臭长就臭长吧,没有写出来我心里还总觉得遗憾,哈哈~。

提示:目前还没有浏览器支持border-radius属性,只能使用个别浏览器的私有属性
例如:-moz-border-radius: 1em; -webkit-border-radius: 1em;

RGBa 浏览器支持

原文:RGBa Browser Support

使用例子:

div {background: rgba(200, 54, 54, 0.5);}

关于颜色请参考:http://www.w3.org/TR/2003/CR-css3-color-20030514/#rgba-color

使用RGB:

<div style="background: rgb(0, 0, 128); height: 100px; width: 100px;"></div>

使用RGBA:

同步内容