让圆角更简单

在做网站的时候,圆角的边框可以让审美更加舒服,一般圆角的实现方式有这样三种:1、使用含有圆角的背景图片;2、用JS实现;3、利用CSS的radius属性实现,对于第三种实现方式只能在firefox和chrome浏览器下正常,对于基于IE内核却行不通。若使用背景图片又不免有些繁琐,要为每个圆角制作图片,后期的更改也不方便,这样一来第二种方式来的更加简易些,不过对于丝毫不懂JS的人来说,要实现圆角还是有些难度,幸好有现成的库让我们调用,我要推荐的就是http://css3pie.com/ 这个网站,利用他提供的JS库,一切变得如此简单,屌丝瞬间逆袭高富帅。

除了利用CSS3PIE这个库实现圆角外,还有更多的效果,例如阴影,还有渐变效果,一切如此的绚丽,且有简单,这正是我们追求的。我就用这个库,将课题组的网站美化了一下,这美化如同化妆,不在于浓妆,而是要体现出气质。

再次喷一下国内的垃圾浏览器,例如360浏览器,遨游浏览器,搜狗浏览器,要么你就好好基于IE内核好好做,现在搞得IE不像IE,自己又不能很好的兼容CSS规则,以前我一直使用firefox,不过貌似有内存泄露的BUG,且书签的同步还得依靠第三方插件来实现,所以现在都在使用chrome,一个google的账号便可以同步书签,真的很方便哦!