29 de abr. de 2008

Tipos de border

Tipos de border (margem) ou tipos de borda.



DOTTED

 border: 5px dotted #FEE4FE;



DASHED

border: 5px dashed #FEE4FE;



SOLID

border: 5px solid #FEE4FE;



DOUBLE

border: 5px double #FEE4FE;



GROOVE

border: 5px groove #FEE4FE;



RIGDGE

border: 5px ridge #FEE4FE;



INSET

border: 5px inset #FEE4FE;


Tem como deixa-las arredondadas também (mas só funciona no Mozilla e no Chrome :-(

O código é este:

-moz-border-radius:8px;
-webkit-border-radius:8px;

Portanto, se você quer deixa-la com essa aparência o código ficará assim:

border: 5px solid #FEE4FE;
-moz-border-radius:8px;
-webkit-border-radius:8px;


SOLID

border: 5px solid #FEE4FE;
-moz-border-radius:8px;
-webkit-border-radius:8px;

Claro que este código deverá ficar no local adequado para que colunas, posts, header fiquem com a aparência desejada, ou não dará certo.

2 comentários:

A legislação brasileira prevê a possibilidade de se responsabilizar o blogueiro pelo conteúdo do blog, inclusive quanto a comentários; portanto, o autor deste blog reserva a si o direito de não publicar comentários que firam a lei, a ética ou quaisquer outros princípios da boa convivência. Não serão aceitos comentários anônimos ou que envolvam crimes de calúnia, ofensa, falsidade ideológica, multiplicidade de nomes para um mesmo IP ou invasão de privacidade pessoal / familiar a qualquer pessoa. Comentários sobre assuntos que não são tratados aqui também poderão ser suprimidos, bem como comentários com links. Este é um espaço público e coletivo e merece ser mantido limpo para o bem-estar de todos nós.


Copyright © Templates e Acessórios |
Design by Elke di Barros | Tecnologia do Blogger
    Twitter Facebook Google + YouTube