Pages

sexta-feira, 5 de junho de 2009

Colocar ou 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 moficado 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


Por exemplo para colocar bordas nos link procure por:

a:link, a:visited {
color:#0000ff;
text-decoration:none;
}

e coloque border: 1px solid #0000FF, dentro das chaves, deixando o código assim:

a:link, a:visited {
border: 1px solid #0000FF;
color:#0000ff;
text-decoration:none;
}


Logo abaixo você pode ver outros exemplos de bordas e alterar como quiser a largura, estilo, cor e se precisa aqui tem o código das cores.



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

0 comentários:

Postar um comentário

Pesquise no Site
.