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
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;
}
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
Nenhum comentário:
Postar um comentário