玩转CSS3

闲来无趣

用CSS来画各种各样的图形

1.先来画基本图形

正方形  长方形  梯形 圆形

源代码如下：

2.做各种各样的三角形

、

主要原理是利用了相邻两个边框的接壤处分配原则，如果没有宽度和高度的话，其实是四个三角形接成的矩形

 

 

 3.圆形

 

这个跟上面画三角形的原理很相似，都是利用相邻边框接壤的配原则。另还主要利用了css3.0的圆角属性 border-radius 适当的调整大小会有不同的效果！结合border-width调整，可以得到不同的图形

对话框