Sigueme por RSS! RSS

Estilo de div para resaltar notas


Resaltando una determinada nota dándole estilo a una etiqueta de tipo DIV.

nota:
Antes de hacer cualquier modificación es recomendable hacer un respaldo de los archivos a editar, en caso de no tenerlos.


Entre etiquetas <head></head> colocamos esto:
<style>
#blog_nota {
   background-color: #FFFFDD;
   border: 1px solid #DBDF00;
   padding:5px 5px 5px 5px;
   color: #4d4d4d;
   font-size: 12px;
   overflow: auto;
   margin: 0 auto;
   text-align:justify;
   max-height: 24em;
   width:80%;
   -moz-box-shadow: 8px 9px 5px #000000;
   -webkit-box-shadow: 8px 9px 5px #000000;
   box-shadow: 8px 9px 5px #000000;
}
#blog_nota .titulo {
   color:red;
   text-transform: uppercase;
   font: 12px;
   font-weight:bold;
   margin-bottom:5px;
}
</style>

Para usarlo, lo hacemos así:
<div id='blog_nota'>
<div class='titulo'>nota:</div>
Antes de hacer cualquier modificación es recomendable hacer un respaldo de los archivos 
a editar, en caso de no tenerlos.
</div> 

0 comentarios: Suscribete a los comentarios por RSS

Publicar un comentario

- Los comentarios están siendo moderados y serán publicados en la brevedad posible.