上一篇：《CSS float属性小解??”浮“生若水》
当CSS3披荆斩棘来到我们面前，我们看到的是一个操作起来更加简便、更加炫目的html世界。如果当CSS3完全盛行起来，当多个主流浏览器开始兼容一个个CSS3属性，那么无论是对于前端开发者，还是对于坐在浏览器前浏览网页的我们，都将是一件非常美妙的事情，那时才是“旧时王谢堂前燕，飞入寻常百姓家”。
对于进击的CSS3小分队，让我们依次掀开它们华丽的面纱。第一个出场的是border-radius。
一、CSS2代码生成圆角在网页设计中，圆角可以用来美化区域，在css2中，如果我们要制作一个圆角，方法也不少，只不过都相对复杂。比如，最方便的可以用圆角图片，但是会增加http请求，用户体验稍差，没有纯代码来得快捷；用代码的话可以用多个元素层叠的思想来“堆”出一个圆角，但是代码较多，看着就烦。当然还有其他方法，小伙伴们可以发挥奇思妙想，但是应该绝对没有border-radius来得酣畅直接。
不管是不是百战不殆，知己知彼还是很有必要的，所以在此先用CSS2的代码来生成圆角来看看效果：
思路是用多个div进行叠加，从而得到圆角的效果。 上面两个角和下面两个角的div类顺序相反即可，主体div来确定区域的大小。
HTML Markup
查看更多关于CSS3小分队-进击的border-radius_html/css_WEB-ITnose的详细内容...
声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://haodehen.cn/did108498