CSS
Borda Colorida
Publicado em: 06/10/2006 |
CSS |
Visualizações: 2.739 |
3 Comentário(s)
Olá Galera!
Vamos aprender uma borda bem legal e ilustrativa para a página.
1º Temos que saber que formatação usar:
2º Agora aplicar ao <body>, ficará assim:
Pronto! Entre o “< div class="tres"></div>” poderá ser colocado o que quiser.
Como ficará:
Forte Abraço!
Daniel Guimarães.
Vamos aprender uma borda bem legal e ilustrativa para a página.
1º Temos que saber que formatação usar:
width:280px;
height:17px;
border: 25px solid; /* As 4 bordas sólidas com 25px de espessura */
border-color: #003366 #3399ff #000099 #3355ff; /* cores: topo, direita, inferior, esquerda */2º Agora aplicar ao <body>, ficará assim:
<html>
<head>
<title>Borda Colorida - Oficina da Net</title>
<style type="text/css">
div.tres {
width:280px;
height:17px;
border: 25px solid; /* As 4 bordas sólidas com 25px de espessura */
border-color: #003366 #3399ff #000099 #3355ff; /* cores: topo, direita, inferior, esquerda */
}
</style>
</head>
<body>
<div class="tres"><h3>Oficina da Net</h3>
<i>Conteúdo de Qualidade para Web Masters</i>
</div>
</body>
</html>Pronto! Entre o “< div class="tres"></div>” poderá ser colocado o que quiser.
Como ficará:
Forte Abraço!
Daniel Guimarães.
Daniel Guimarães
WebDesigner e Designer Gráfico
» Site do colunista
Todas as matérias de Daniel Guimarães
- Compartilhando o acesso à internet 3G
A rede 3G de acesso à internet é uma grande realidade hoje, em funcionamento em . - Os 10 piores bugs da história
Os 10 piores bugs da história, acompanhe abaixo esses bugs e caso você conheça u. - Indicadores da Qualidade
Os indicadores da qualidade, são na realidade uma das ferramentas mais utilizada. - Internet, intranet e extranet o que são, e quais as diferenças?
Este artigo demonstra o que é cada um destes acessos. Como funcionam, e para que. - Photoshop - Criando gif animado
Vídeo aula de photoshop, ensina a criar um gif animado com a utilização da guia .
- Rollover de imagem com CSS
Neste tutorial vou mostrar a você como fazer um rollover de imagem usando css. O. - Criando sombra no CSS
Colocando sombra em um texto na página - CSS - HTML Dinâmico
Alguma vez você decidiu alterar as cores dos link de sua home-page? Que tal alt. - Atributos CSS
Alguns atributos de css e o que eles representam: - Pop Up em CSS
Meu diretor pediu para colocar uma popup em um site nosso, mas não queria coloca.
Publicado em: 05/04/2007 - 13:58
Oxii! Não sabia fazer uma borda dessas valeu brothers!
Publicado em: 10/05/2007 - 12:48
Nem conhecia... Muito legal mesmo..
Philipe Cardoso
Publicado em: 19/09/2008 - 19:09
Muito Bom Esta sem duvida eh a melhor de todasparabens pelos artigos cara.... Muito bons Foi uma sorte achar todos seus cometnarios aqui apensar de já saber que voce publicava aqui né =/