English | česky | >> Português <<ZVON > Tutorials > CSS2 tutorial
Introdução / Procura / ZVON
>> Exemplo 41 << | Anterior | Próximo | Index | Conteúdos

O modelo CSS de tabelas é baseado no modelo de tabelas do HTML 4.0, em que a estrutura de uma tabela é muito próxima ao formato visual da tabela. (1) mostra uma tabela simples, (2) também desenha bordas.

Documento XMLfolha de estilos CSSExemplo de ligação
(1)
     <AAA>
          <BBB>
               <CCC>ccc1</CCC>
               <DDD>ddd1</DDD>
               <EEE>eee1</EEE>
          </BBB>
          <BBB>
               <CCC>ccc2</CCC>
               <DDD>ddd2</DDD>
               <EEE>eee2</EEE>
          </BBB>
          <BBB>
               <CCC>ccc3</CCC>
               <DDD>ddd3</DDD>
               <EEE>eee3</EEE>
          </BBB>
     </AAA>
AAA {display: table}
BBB {display: table-row}
CCC {display: table-cell}
DDD {display: table-cell}
EEE {display: table-cell}
Ver resultado
Documento XMLfolha de estilos CSSExemplo de ligação
(2)
     <AAA>
          <BBB>
               <CCC>ccc1</CCC>
               <DDD>ddd1</DDD>
               <EEE>eee1</EEE>
          </BBB>
          <BBB>
               <CCC>ccc2</CCC>
               <DDD>ddd2</DDD>
               <EEE>eee2</EEE>
          </BBB>
          <BBB>
               <CCC>ccc3</CCC>
               <DDD>ddd3</DDD>
               <EEE>eee3</EEE>
          </BBB>
     </AAA>
* {border: solid red}
AAA {display: table}
BBB {display: table-row}
CCC {display: table-cell}
DDD {display: table-cell}
EEE {display: table-cell}
Ver resultado