18/02/2014

0

Como adicionar bordas coloridas

Vamos ver como podemos adicionar bordas coloridas em determinados textos que queremos destacar. Com este simples código e algumas informações adicionais, você poderá destacar o que quiser com bordas coloridas e com estilos diferentes.

Veja o exemplo abaixo.


texto ou imagem


O código para criar este efeito é muito simples.

-------------------------------------------------------------

<div style="border: 10pt groove red; width: 180px;">
texto ou imagem
</div>

-------------------------------------------------------------

Todas as áreas em vermelho podem ser modificadas de acordo com seus interesses. Em border você altera a largura da borda, o estilo e a cor. Em width você altera a largura de seu trabalho. Para facilitar, estou colocando abaixo os vários estilos que você pode utilizar.

Estilos de borda

none
dotted
dashed
solid
double
groove
ridge
inset
outset


Que tal adicionar bordas coloridas em alguns destaques de seu blog...até a próxima.

 

Nenhum comentário:

Postar um comentário

Faça comentários somente sobre o assunto do Post.
Não use palavras impróprias.

Walter Matheus é um marketeiro credenciado e tem sido associado a várias publicações online, incluindo este blog,
Dr. Mister Blog e Sabedoria do corpo.

Ele também tem um vasto programa de treinamento para marketeiros no seu próprio site localizado em: WMF Program.

Se você gostou deste conteúdo do blog, você vai se beneficiar muito obtendo conteúdo diário. Ao assinar meu feed, você receberá conteúdo atualizado bem como os bônus especiais.

Junte-se a shareasale.com para ganhar muito dinheiro em seu site ou blog!

Para qualquer dúvida, entre em contato

Veja também

Top comentários

Veja aqui os Vídeos do meu canal