19 bordas css

Bordas Css

As propriedades de borda em CSS são usadas para definir a aparência das bordas de um elemento. As bordas podem ser personalizadas com diferentes cores, estilos e tamanhos.

border-style

Define o estilo da borda. Os valores podem ser solid (linha sólida), dashed (linha tracejada), dotted (linha pontilhada) e double (linha dupla).

  border-style: solid;

border-width

Define a largura da borda. Os valores podem ser em pixels, em em ou em rem.

  border-width: 2px;

border-color

Define a cor da borda. Os valores podem ser nome de cor, em hexadecimal ou em RGB.

  border-color: red;

border-radius

Define o raio dos cantos da borda. Os valores podem ser em pixels, em em ou em rem

  border-radius: 10px;

border-image

Define uma imagem para ser usada como borda.

  border-image: url("textura.jpg");

Exercícios de Fixação

• 18 - Crie um arquivo HTML com um elemento <div>, defina uma borda sólida com 2 pixels de largura e cor vermelha para a <div>, arredonde os cantos da <div> em 10 pixels.