helldanger1
GForum VIP
- Entrou
- Ago 1, 2007
- Mensagens
- 29,631
- Gostos Recebidos
- 1
Neste artigo vamos criar uns gráficos de barras construídas inteiramente com CSS. Utilizamos camadas e posicionamento CSS para criar o gráfico.
Por Miguel Angel Alvarez - Tradução de JML
Com CSS pode-se construir uma página web, através da própria estrutura da página até elementos mais específicos como um gráfico de barras. Como no caso deste artigo, que utilizando posicionamento CSS vamos definir a colocação e o tamanho de elementos que podem nos ajudar a construir um gráfico de barras. Utilizaremos camadas para realizar os gráficos, uma para o fundo do gráfico e dentro deste, outras camadas para cada uma das barras.
Ou seja, não vamos utilizar nem imagens nem tabelas, e sim simplesmente etiquetas
as quais lhes aplicaremos posicionamento e estilos para criar uns gráficos bastante vistosos.
Para não ter confusão, há que aclarar que neste exemplo não vamos criar um código especial para fazer um sistema de geração de gráficos de barras para páginas web. Ao invés disso, o objetivo é simplesmente explicar o modo no qual poderíamos construir um gráfico de barras com CSS e camadas.
Por Miguel Angel Alvarez - Tradução de JML
Com CSS pode-se construir uma página web, através da própria estrutura da página até elementos mais específicos como um gráfico de barras. Como no caso deste artigo, que utilizando posicionamento CSS vamos definir a colocação e o tamanho de elementos que podem nos ajudar a construir um gráfico de barras. Utilizaremos camadas para realizar os gráficos, uma para o fundo do gráfico e dentro deste, outras camadas para cada uma das barras.
Ou seja, não vamos utilizar nem imagens nem tabelas, e sim simplesmente etiquetas
as quais lhes aplicaremos posicionamento e estilos para criar uns gráficos bastante vistosos.
Para não ter confusão, há que aclarar que neste exemplo não vamos criar um código especial para fazer um sistema de geração de gráficos de barras para páginas web. Ao invés disso, o objetivo é simplesmente explicar o modo no qual poderíamos construir um gráfico de barras com CSS e camadas.