Olá amigos, venho trazendo uma super dica de como alterar ou colocar bordas em seu blog, eu trouxe alguns exemplos de bordas pra passar pra vocês.
Estes exemplos vão servir pra quando você precisar alterar bordas seja a onde for em javascript ou até mesmodireto no html o seu template.
Ao lado esquerdo você pode ver os códigos e ao lado direito você ver exaamente como vai ficar as bordas.
Vamos as dicas:
Códigos
|
Como Vai Ficar
|
|---|---|
<div style="border:2px dotted deeppink; padding:5px;">Exemplo de borda dotted (pontilhada).</div> | Exemplo de borda dotted (pontilhada). |
<div style="border:2px dashed dodgerblue; padding:5px;">Exemplo de borda dashed (tracejada).</div> | Exemplo de borda dashed (tracejada). |
<div style="border:5px double chocolate; padding:5px;">Exemplo de borda double (duplicada).</div> | Exemplo de borda double (duplicada). |
<div style="border:10px ridge gold; padding:5px;">Exemplo de borda ridge (moldura).</div> | Exemplo de borda ridge (moldura). |
<div style="border:10px groove gold; padding:5px;">Exemplo de borda groove (moldura invertida).</div> | Exemplo de borda groove (moldura invertida). |
<div style="border:2px inset yellowgreen; padding:5px;">Exemplo de borda inset (baixo-relevo).</div> | Exemplo de borda inset (baixo-relevo). |
<div style="border:2px outset yellowgreen; padding:5px;">Exemplo de borda outset (alto-relevo).</div> | Exemplo de borda outset (alto-relevo). |
<div style="border:2px solid hotpink; padding:5px;">Exemplo de borda solid (sólida).</div> | Exemplo de borda solid (sólida). |
Confira Todas Postagens de Elielton Queiroz Clique Aqui...
Olá!
ResponderExcluirPerfeito!
Até mais.
Oi !
ResponderExcluirBem criativo e importante para todos nas customizações de suas bordas.
Ate´mais!
OBS: Entra no msn.
Valeu Carol Obrigado.
ResponderExcluirMuito bom!0
Excluir