Como destacar uma parte do texto

Algumas vezes quando estamos escrevendo nossos posts, aparecem certos trechos ou códigos que queremos destacar para facilitar a visualização e a gravação do que é importante na postagem e utilizamos o negrito ou o italico ou colocamos de outra cor, porém existe uma maneira de destacar melhor o seu texto. Utilizando um código que gera uma caixa de outra cor para que você escreva seu texto, Veja:

<div style="width: 300px;padding: 3px;border: 1px
solid#000000;background-color: #CCCCCC;">Seu texto escrito
aqui</div>

Para deixar a caixa de texto com a edição que se adapte melhor com o estilo do seu blog, configure as partes abaixo:

width: 300px define a largura da caixa se quiser pode apagar essa linha e a caixa ficará com a maior largura possível.

padding: 3px margem entre o texto e as bordas

border: 1px solid #000000 espessura, estilo e cor das bordas

background-color: #CCCCCC; cor de fundo Veja outros códigos: aqui.
Seguindo essa explicação fica fácil modificar a caixa de texto, você pode usar isso nas colunas ou nas postagens do blog e se quiser pode colocar imagens também só tome cuidado para a imagem não ficar maior do que a caixa.


1 comentário

Postar um comentário

Leia as regras:
Todos os comentários são lidos e publicados, se respeitados os critérios:
Não peça parceria por aqui entre em Contato
Ofensas pessoais, ameaças e xingamentos não são permitidos;
Seu comentário precisa ter relação com o assunto do post;
Não inclua links desnecessários no conteúdo do seu comentário;

Sobre o Blog

Palavras Autênticas tudo o que você quer saber sobre tudo o que interessa.
  • Frases de Ramon
  • Amor
  • Respeito
  • Ar

Marcadores - Índice

Seguidores

Estatísticas

assine o feed

siga no Twitter

Postagens

acompanhe

Comentários

comente

Divulgue-me


^