Caixa de Destaque

Esse CSS é muito bom para destacar texto.

MODELO COM IMAGEM

1. Coloque o código baixo dentro do seu Style.css
2. E quando você quiser destacar o texto, basta colocar entre as tags < div class="caixa" >Coloque o texto desejado aqui.< /div >

.caixa {
border-top: 1px solid #758066;
border-left: 1px solid #758066;
border-right: 1px solid #758066;
border-bottom: 1px solid #758066;
background-position:top left;
color: #758066;
background: #E9ECE8 url(‘http://www.flaviakitty.com/margem.jpg’) no-repeat top left;
padding: 10px 10px 10px 35px;
font-size: 11px;
text-align: justify;
width: 90%;}


MODELO SEM IMAGEM

1. Coloque o código baixo dentro do seu Style.css
2. E quando você quiser destacar o texto, basta colocar entre as tags < div class="caixa" >Coloque o texto desejado aqui.< /div >

.caixa1 {
border-top: 1px solid #758066;
border-left: 1px solid #758066;
border-right: 1px solid #758066;
border-bottom: 1px solid #758066;
background-position:top left;
color: #758066;
background: #DCE1DA;
padding: 10px 10px 10px 35px;
font-size: 11px;
text-align: justify;
width: 90%;}

Obs: Mude a cor conforme desejado.

Tutorial produzido por FláviaKitty.com. Proibida qualquer tipo de cópia!!!. Não redistribua, e se utilizar por favor credite. Em caso de dúvidas, é só perguntar.