用CSS代码写出的各种形状图形的方法

一共收集整理了图形20个,比较实用,同时也为了熟悉CSS的代码。整合了一下,有错误欢迎指出。 1.正方形 #square { width: 100px; height: 100px; background: red;} 2.长方形 #rectangle { width: 200px; height: 100px; background: red;} 3.左上三角 #triangle-topleft { width: 0; height: 0; border-top: 100px solid red; border-right: 100px solid transparent;