APRENDA HTML: Estilos de borda

|

Oi leopardos e leopardas u.u, hoje vou começar tipo uma seriezinha de posts sobre Aprenda HTML, que será uma ajuda básica a todos os novos designers da nossa blogsphera.
MAIS ANTES DE TUDO: SE VOCÊ QUER SER DESIGN NÃO ESCREVA DESIGINER SE NÃO EU TE MATO OK? :P hahaha

Antes que falem que o assunto é atrasado, nunca é tarde para aprender, vamos conferir:
existem basicamente 8 tipos de bordas, e elas são necessárias para muitas coisas no seu template, se você parar um pouco vai ver que tenho MUITAS E MUITAS BORDAS no meu layout

Para poder fazer sua borda, você vai precisar dos seguinte código:

<div style="border-width:TAMANHO_DA_BORDA; width: LARGURA; height: ALTURA; border-color: COR_DA_BORDA; border-style: ESTILO_DA_BORDA"> SEU_TEXTO </div>

TAMANHO DA BORDA: Recomendo até 3 pra não ficar muito grosso
LARGURA: Não precisa colocar
ALTURA: Não precisa colocar
Estilo da Borda: Coloque o nome da borda, veja no print acima
Cor da Borda: Use uma tabela de cores ou um editor

Explicação mais detalhada:
Em TAMANHO_DA_BORDA mude o tamanho dela em pixels (1, 2, 3 etc). Em LARGURA e ALTURA coloque o respectivo valor de cada um deles em forma de pixels (200, 300, 400 etc). Em COR_DA_BORDA mude a cor dela. Em ESTILO_DA_BORDA mude o estilo dela de acordo com os

Créditos da explicação mais detalhada a comunidade do orkut aprenda html

No próximo aprenda HTML vamos aprender vários códigos :P, então se preparem :)




4 comentários:

  1. Adorei o post. Vou salvar aqui nos favoritos, pois sei que vai me ajudar bastante. >3<

    pimentacommenta.blogspot.com

    ResponderExcluir
  2. Me ajudou muito, vou começar a aprender mais sobre HTML e achei um blog que vai em ajudar muito!

    http://l-ovelythings.blogspot.com.br/

    ResponderExcluir

Oláaaa sinta-se a vontade pra comentar qualquer dica, crítica bacana ou elogios ♥ aceito afiliação e também sigo de volta u~u