纯CSS绘制图形.docVIP

纯CSS画的基本图形 1、正方形 #square { width: 100px; height: 100px; background: red; } 2、长方形 #rectangle { width: 200px; height: 100px; background: red; } 3、圆形 #circle { width: 100px; height: 100px; background: red; -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px; } 4、椭圆 #oval { width: 200px; height: 100px; background: red; -moz-border-radius: 100px / 50px; -webkit-border-radius: 100px / 50px; border-radius: 100px / 50px; } 5、上三角 #triangle-up { width: 0; height: 0; border-left: 50px solid transparent; border-right: 50px solid transparent; borde