CSS背景图片

CSS可以画出许多基本的图形。包括基本的矩形、圆形、椭圆、三角形、多边形，也包括稍微复杂一点的爱心、钻石、阴阳八卦等。

当然有一些需要用到CSS3的属性，所以在你决定制作css图片的时候，我们希望您使用的是 firefox或者chrome，当然IE也能看一部分的。

下面就一起来看看我们是如何用纯CSS来画这些图形的：

最终效果：

CSS代码如下：

#square {
    width: 100px;
    height: 100px;
    background: red;
}

最终效果：

CSS代码如下：

#rectangle {
    width: 100px;
    height: 100px;
    background: red;
}