CriandoBits
Identifique-se Entrar Esqueceu a senha? Esqueci minha senha

Cascading Style Sheets (CSS) - Tabelas

Por Benedito Silva Júnior - publicado em 13/07/2016


Com o uso do CSS podemos aplicar vários efeitos nas tags de tabelas do HTML/XHTML (<table></table>, <th></th> e <td></td>).

Os efeitos aplicados em listas estão divididos em listas não-ordenadas e listas ordenadas.

Veja:

Código HTML/XHTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <head> <html xmlns="estilo.css" rel="stylesheet" type="text/css" /> <title>CSS - Dicas</title> </head> <body> <h1>Exemplo de Tabelas></h1> <table class="ex"> <tr> <th>Título 01></th> <th>Título 02></th> <th>Título 03></th> </tr> <tr> <td>Célula 01></td> <td>Célula 02></td> <td>Célula 03></td> </tr> </table> </body> </html>

Código CSS (arquivo estilo.css):

body { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; } table th { text-align: center text-weight: bold; } table.ex { border: 4px dotted #000000;} table.ex td { background: #dcdcdc; border: 4px solid #ffffff; }


 
Voltar a pagina anteriorVoltarSubir ao topo da páginaTopo