Aprenda a fazer formas com CSS

CSS (cascading tyle sheets) é o que torna possível a maior parte dos designs de web sites e elementos web.
O CSS permite nomear elementos, e determinar que opções de formato, cores, espaçamento e tamanho que eles terão.
Depois, você pode criar uma página web e linkar as instruções visuais do CSS aos elementos contidos em sua página.

As possibilidades são incríveis, é virtualmente possível fazer qualquer coisa.

No site CSS Tricks tem uma página muito interessante que demonstra com exemplos em código como gerar vários tipos de formato utilizando unicamente código CSS.

Entre os formatos exibidos estão estrelas, quadrados, círculos, corações, triângulo, e até formas que se assemelham ao Pacman, símbolos como o Yin Yang e o símbolo do infinito.

 

São aproximadamente 30 opções que demonstram o resultado e fornecem o código para implementação.
Apesar de todos os códigos utilizarem CSS, nem todos os navegadores conseguem ler corretamente alguns destes códigos, portanto se você pretende incorporar estes códigos em algum site de produção, recomendo fazer um teste com o código em todos os navegadores que você conseguir.

Eu estou utilizando o Google Chrome, e todos os exemplos estão funcionando corretamente.

Veja a página e divirta-se.
http://css-tricks.com/examples/ShapesOfCSS/