Post rascunho

Boas molduras não salvam quadros ruins

Outro vício que tenho em minha vida é blogar, sinto um prazer enorme em praticar essa arte. Eu comecei usando a plataforma blogspot e acho que vou morrer sendo fiel a ela, ela é cheia de truques e desafios, podemos fazer tudo o que outras plataformas oferecem usando esse serviço que é gratuito.

Eu sei o básico de HTML, tudo o que eu aprendi até hoje foram graças aos blogues que ensinam a blogar (citarei nomes no final dessa postagem). Reuni um pouco de tudo o que eu aprendi nesses últimos anos sobre citação e bordas, e hoje vou tentar passar para vocês um pouco do que aprendi.

VEJA A SEGUIR A DIVERSIDADE DE BORDAS

Temos 8(oito) modelos de bordas para apresentar para vocês, elas são geralmente usadas dentro das postagens, veja esse exemplo onde eu uso borda e citação dentro da mesma postagem, vejam quais são elas:.

Solid:

<span style="border: 2px solid #0000FF; padding:3px;"> Exemplo de Borda </span>

Exemplo de Borda


Dotted:

<span style="border: 3px dotted #0000FF; padding:3px;"> Exemplo de Borda </span>

Exemplo de Borda


Dashed:

<span style="border: 4px dashed #0000FF; padding:3px;"> Exemplo de Borda </span>

Exemplo de Borda


Double:

<span style="border: 5px double #0000FF; padding:3px;"> Exemplo de Borda </span>

Exemplo de Borda


Groove:

<span style="border: 5px ridge #0000FF; padding:3px;"> Exemplo de Borda </span>

Exemplo de Borda


Ridge:

<span style="border: 5px ridge #0000FF; padding:3px;"> Exemplo de Borda </span>

Exemplo de Borda


Inset:

<span style="border: 5px inset #0000FF; padding:3px;"> Exemplo de Borda </span>

Exemplo de Borda


Outset:

<span style="border: 5px outset #0000FF; padding:3px;"> Exemplo de Borda </span>

Exemplo de Borda

Cores

Nos exemplos acima usamos a cor AZUL que é representada pelo código #0000FF, mas você pode colocar a cor que desejar, consulte uma tabela para saber o código de uma determinada cor. TABELA DE CORES

Tamanho

Para aumentar ou diminuir a espessura da borda, basta alterar o número que está ao lado de border:

EX: <span style="border: 5px outset #0000FF; padding:3px;"> Exemplo de Borda </span>

O número destacado em vermelho determina o tamanho da borda.

Espero poder ajudar aos novatos que como eu não sabiam nada de HTML, se alguém tiverem alguma dificuldade em adicionar algum dos códigos acima, nos deixe um comentário para que possamos tentar resolver.

Aprendi tudo isso acessando: UsuárioCompulsivo - Códigos Blog - Dicas Blogger - BloggersPhera

Forte abraço