1 avaliação
COMENTAR
INDICAR
Estilo em tabelasPostada em: 02/03/2005
Olá,
Demorei um pouco para atualizar pois tive problemas com meu PC.
A partir de agora, usarei sempre métodos práticos na coluna CSS, a maioria das pessoas me pedem exemplos práticos.
Então vamos à um exemplo de estilo que podemos utilizar em tabelas de um site.
Exemplo: Quero que em meu site, em um determinado lugar, a tabela tenha fundo verde florescente e bordas pretas, para isso, dentro das tags <head></head> do seu site, coloque o seguinte código:
Agora no <body> , ou seja, no corpo do site, dentro da tag <table> colocaremos o estilo da seguinte forma:
Usei como exemplo uma tabela com 600 pixels de largura, é bem simples.
Abraço a todos.
Demorei um pouco para atualizar pois tive problemas com meu PC.
A partir de agora, usarei sempre métodos práticos na coluna CSS, a maioria das pessoas me pedem exemplos práticos.
Então vamos à um exemplo de estilo que podemos utilizar em tabelas de um site.
Exemplo: Quero que em meu site, em um determinado lugar, a tabela tenha fundo verde florescente e bordas pretas, para isso, dentro das tags <head></head> do seu site, coloque o seguinte código:
<STYLE>
BODY
{
BGCOLOR: white;
margin-top: 0px;
}
.tbBorder
{
BORDER-TOP: #000000 1px solid;
BORDER-RIGHT: #000000 1px solid;
BORDER-BOTTOM: #000000 1px solid;
BORDER-LEFT: #000000 1px solid;
BACKGROUND-COLOR: #CCFF99;
}
</STYLE>
BODY
{
BGCOLOR: white;
margin-top: 0px;
}
.tbBorder
{
BORDER-TOP: #000000 1px solid;
BORDER-RIGHT: #000000 1px solid;
BORDER-BOTTOM: #000000 1px solid;
BORDER-LEFT: #000000 1px solid;
BACKGROUND-COLOR: #CCFF99;
}
</STYLE>
Agora no <body> , ou seja, no corpo do site, dentro da tag <table> colocaremos o estilo da seguinte forma:
<table width="600" border="0" cellspacing="0" cellpadding="0" CLASS="tbBorder">
Usei como exemplo uma tabela com 600 pixels de largura, é bem simples.
Abraço a todos.
