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

Para cada elemento desenhado, é gerada uma caixa rectangular. Cada caixa tem uma área de conteúdo (ex. texto, uma imagem, etc.) e opcionalmente areas de enchimento ("padding"), borda ("border") e margem ("margin") (1). Para desenhar uma borda, esta deve ser ligada com a instrucção "border-style" (2).

Documento XMLfolha de estilos CSSExemplo de ligação
(1)
     <AAA>
          <BBB>bbbb</BBB>
          <CCC>cccc</CCC>
          <DDD>dddd</DDD>
          <EEE>eeee</EEE>
     </AAA>
AAA {background-color:black}
BBB {color:black; background-color:white}
CCC {color:navy; background-color:yellow; padding:20px}
DDD {color:navy; background-color:aqua; margin:20px}
Ver resultado
Documento XMLfolha de estilos CSSExemplo de ligação
(2)
     <AAA>
          <BBB>bbbb</BBB>
          <CCC>cccc</CCC>
          <DDD>dddd</DDD>
          <EEE>eeee</EEE>
     </AAA>
* {border-style: solid }
Ver resultado