Border

As bordas são usadas para delimitar e destacar elementos em páginas web. Elas podem ser definidas usando o atributo "border" no HTML. Existem diversas variações de bordas, como a borda simples, borda dupla, borda arredondada, borda com sombra, entre outras.

Usando o atributo "border" no HTML, é possível definir a cor, o tamanho e o estilo da borda. Por exemplo, para definir uma borda simples de 1px de largura, vermelha e com estilo sólido, você pode usar o seguinte código:

<div style="border: 1px solid red;">
  Conteúdo aqui
</div>

Você também pode usar classes CSS para definir bordas. Por exemplo, para definir uma borda dupla de 5px de largura, verde e com estilo sólido, você pode usar o seguinte código:

<style>
.border-double-5px-green {
  border: 5px double green;
}
</style>

<div class="border-double-5px-green">
  Conteúdo aqui
</div>

Além disso, existem outras propriedades CSS que permitem definir bordas mais complexas, como a borda arredondada. Por exemplo, para definir uma borda arredondada de 5px de raio, vermelha e com estilo sólido, você pode usar o seguinte código:

<style>
.border-rounded-5px-red {
  border-radius: 5px;
  border: 1px solid red;
}
</style>

<div class="border-rounded-5px-red">
  Conteúdo aqui
</div>

Como você pode ver, existem diversas variações de bordas que podem ser usadas em páginas web. Usando o atributo "border" no HTML ou classes CSS, é possível definir bordas simples, duplas, arredondadas, com sombra e muito mais.

Margem

A Margem e o Padding são dois conceitos importantes na programação de páginas web. Eles são usados para criar espaços entre elementos e dar ao conteúdo uma aparência mais organizada.

A Margem é o espaço entre o elemento e os elementos adjacentes. Ela é definida usando a propriedade CSS "margin".

Por exemplo, se você quiser adicionar uma margem de 10px ao redor de um elemento, você pode usar o seguinte código:

<div style="margin: 10px;">
Conteúdo aqui
</div>

Padding

O Padding é o espaço entre o conteúdo do elemento e suas bordas. É definido usando a propriedade CSS "padding". A Margem é usada para criar espaços entre elementos, enquanto o Padding é usado para criar espaços entre o conteúdo de um elemento e suas bordas.

Por exemplo, se você quiser adicionar um padding de 10px ao redor do conteúdo de um elemento, você pode usar o seguinte código: