Top Parceiros















Image and video hosting by TinyPic













quarta-feira, 5 de agosto 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

Voltar Avançar Inicio

Publicidade


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4ISUOk8nOoZPtTQ4sGyYbtct-0qDmtnlnFvW23V_YKqIkbnd3Gfy5q3ap1J7C11lnJeFQaaooLlJqWKIUunpPyi84Zsa3upF4WU0-N_h8ZewM5IDJkzZflGzMM9NljISLI3V_C4wDoyS2/s400/Banner+novo.png


 

Topo