Como escrever uma borda CSS em torno de uma imagem

As folhas de estilo em cascata permitem modificar o layout HTML e exibir propriedades como posicionamento, cor e bordas. O HTML A tag é usada para exibir uma imagem em uma página da Web e inclui um atributo "border" (borda) que permite que você defina a borda e desça, assim como especifica a largura da borda. Talvez você esteja criando uma página de marketing com especiais e queira que a borda da imagem apareça de maneira diferente do estilo básico do site da empresa. Use CSS para modificar o estilo da borda de uma imagem específica.

1

Inicie um editor de texto ou HTML e abra a página da Web. Localize o tag da imagem à qual você deseja adicionar a borda.

2

Insira o atributo de estilo CSS para iniciar sua mudança de estilo ( ). Insira a propriedade "border" para modificar as qualidades da borda, como largura, tipo e cor. A imagem a seguir é estilizada com uma linha pontilhada vermelha e grossa. Os atributos podem estar em qualquer ordem.

3

Modifique os parâmetros de borda conforme desejado. A espessura da borda pode ser espessa, média ou fina ou um valor de tamanho de pixel como "6px". Você pode escolher entre vários tipos de borda, incluindo dupla, sólida ou tracejada. A cor também pode ser indicada de várias maneiras: hex (# ffcc00), RGB (RGB (255, 0, 0)) ou um nome de cor (azul).

4

Salve a página e abra em um navegador da Web para exibir a alteração de exibição.

Publicações Populares