Отличная подборка, как нарисовать различные геометрические фигуры одним элементом HTML.
![](https://habrastorage.org/storage1/4dffca97/badfa5f1/5a4006ba/224b2572.png)
Квадрат
![](https://habrastorage.org/storage1/4dffca97/badfa5f1/5a4006ba/224b2572.png)
#square {
width: 100px;
height: 100px;
background: red;
}
User
#square {
width: 100px;
height: 100px;
background: red;
}