quinta-feira, 23 de abril de 2015

DICA 13: ALTERAR AS BORDAS


DICA 13: ALTERAR AS BORDAS
Existem vários modos de mudar o visual do blog somente utilizando o estilo CSS um deles é colocar ou alterar as bordas. Esse código é bem simples e pode se usado em qualquer lugar, serve inclusive para fazer botões quando combinados com uma cor de fundo, além disso podemos usar para colocar bordas nas postagens, menus e qualquer outra coisa no blog. O código das bordas deve ser modificado pela página editar HTML, agora vamos entender melhor esse código:

border: 1px solid #0000FF
·  1px é a largura
·  solid é o estilo
·  #0000FF é a cor

Código de Exemplo:
<div style="border: 1px solid #000000"> TEXTO DE EXEMPLO </div>

Resultado:

TEXTO DE EXEMPLO

Logo abaixo você pode ver outros exemplos de bordas e alterar como quiser a largura, estilo, cor.
border: 2px dotted #000000
border: 2px dashed #000000
border: 1px solid #0000FF
border: 4px double #FF0000
border: 3px groove #6666FF
border: 4px ridge #FFFFCC
border: 3px inset #FFFF99
border: 2px outset #6699FF

Sem comentários:

Enviar um comentário