Quadro com HTML - como funciona
Para tornar a mídia em seu site mais atraente, você pode usar o código HTML para desenhar um quadro em torno dele. Nesta dica prática, mostramos como isso funciona e quais vantagens as folhas de estilo em cascata (CSS) oferecem ao definir um quadro.
Codificação HTML - desenhe quadros em torno de imagens e outras mídias
Por padrão, cada imagem possui um quadro com 1 pixel de largura. No entanto, isso só é visível se a imagem for usada como um hiperlink. Com o atributo "borda", você pode definir individualmente a espessura do quadro.
- Em HTML, o código para um quadro preto de dez pixels é mais ou menos assim:
- Esse quadro é aplicado aos quatro lados do objeto.
- Como alternativa, você pode usar um programa de edição de imagens como o Gimp para desenhar o quadro em torno da imagem.
- No entanto, observe que isso aumentará a imagem e levará mais tempo para o visitante do seu site fazer o download da imagem.
Defina o quadro no documento HTML com CSS
Você pode definir o quadro - por exemplo, uma caixa em torno de um texto - com folhas de estilo em cascata ainda mais precisamente.
- Outra dica prática mostra como integrar um arquivo CSS ao seu site.
- Neste documento CSS, você pode definir a cor e a espessura do quadro de maneira diferente nas quatro páginas:
- border-bottom: # 999 - Define a cor do quadro inferior. Aqui você também pode usar "border-top", "border-right" ou "border-left".
- largura da borda: 0 0 fino fino - especifica a espessura da linha. Isso é feito no sentido horário. Aqui, isso significa que nenhuma linha pode ser vista na parte superior e direita, enquanto uma linha fina foi definida na parte inferior e esquerda.
- estilo de borda: nenhum nenhum sulco sulco - Define o quadro decorativo para sua foto ou caixa. O estilo "groove" cria um efeito 3D.
Sua página inicial vive naturalmente de sua presença na rede. No próximo artigo, você lerá as melhores dicas para melhorar sua classificação no Google.