圆角的制作方法之纯CSS3实现
网站上的区块大多设计成中规中矩的矩形，这样会给人呆板、正式的感觉，在一些儿童类、游戏类的网页设计中就显得不那么合适了，于是在有些网页中区块会被设计师们设计成圆角的。归结到技术这一块的实现方法可谓是五花八门，如通过4个DIV嵌套实现等。今天我看到了一种比较简单的实现方法，那就是通过CSS3支持的标签样式实现。
实现方法很简单，三行样式代码就可搞定：
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
这里就是说把四个角设置成一个半径为5px的圆角，自然是值越大圆角就越明显了。
这个方法的适用场合一般是一块纯色区域或一个按钮上。如按钮设置成一个纯色背景，再加上这两行代码，呵呵，一个简单的圆角按钮效果就出来了。
本文如需转载,请务必注明：转载自：蓝色夏威夷 [http://www.coderbolg.com/]
本文链接地址： http://www.coderbolg.com/content/7.html
本文链接地址： http://www.coderbolg.com/content/7.html
评论列表