quinta-feira, 6 de junho de 2024

CSS Box Model

CSS Box Model

Veja o código <html> para o efeito acima


  <div style="width: 300px; border: 15px solid green; padding: 10px; margin: 30px;">
  <h1 style="text-align: center;">CSS Box Model</h1>

Estes código podem ser aplicados em CSS. Como no blog não tem acesso ao <html> o exemplo está "in line".

1 O SENHOR é o meu pastor, nada me faltará.
2 Deitar-me faz em verdes pastos, guia-me mansamente a águas tranqüilas.
3 Refrigera a minha alma; guia-me pelas veredas da justiça, por amor do seu nome.
4 Ainda que eu andasse pelo vale da sombra da morte, não temeria mal algum, porque tu estás comigo; a tua vara e o teu cajado me consolam.
5 Preparas uma mesa perante mim na presença dos meus inimigos, unges a minha cabeça com óleo, o meu cálice transborda.
6 Certamente que a bondade e a misericórdia me seguirão todos os dias da minha vida; e habitarei na casa do Senhor por longos dias.

Veja o código <html> para o efeito acima


<div style="
  background-color: lightgrey;
  width: 300px;
  border: 15px solid green;
  padding: 50px;
  margin: 20px;">
  <p>Texto aqui</p>
</div>

Elefantes

Elefantes
The picture above is 350px wide. The total width of this element is also 350px. The total height of this element is 80px.

The CSS Box Model

In CSS, the term "box model" is used when talking about design and layout.

Referências

  1. W3Schools

Nenhum comentário:

Postar um comentário