PÁRRAFO SANGRADO Y CON COLOR DE FONDO

Para sangrar un párrafo se utiliza la etiqueta:

<Blockquote>Párrafo que queremos sangrar </Blockquote>

Cuantas más etiquetas pongamos, mayor será el sangrado.

Si queremos que un párrafo tenga un fondo de color distinto:

<div style="background-color: #c7c4c4;"> </div>

Así, si queremos sangrar un párrafo y que, además, tenga un fondo distinto, por ejemplo de color gris, tendremos que poner el párrafo entre las etiquetas:

<Blockquote>
<div style="background-color: #c7c4c4;">
Este es un ejemplo de párrafo sangrado y con fondo de color gris.
</div>
</Blockquote>

LOS COLORES:
Vienen definidos por #XXYYZZ, donde XX representa la cantidad de rojo, YY la de verde y ZZ la de azul. Estos números están en numeración hexadecimal y los dígitos, de menor a mayor son:

0123456789ABCDEF

Por ejemplo el color rojo es #FF0000, porque tiene el máximo de rojo y cero de los otros dos colores.

Para hacer un color más oscuro, hay que reducir el número de su componente, dejando los otros dos invariables. Así, si queremos un rojo más oscuro podemos poner #AA0000, o aún más oscuro #550000.

Para que un color tenga un tono más suave, se deben variar los otros dos colores haciéndolos más claros, en una cantidad igual. Por ejemplo, el rojo lo podemos convertir en rosa con #FF7070.

El formato RGB hexadecimal es la forma más compacta de indicar un color, ya que incluso es posible comprimir sus valores cuando todas sus componentes son iguales dos a dos:

   #AAA = #AAAAAA
   #FFF = #FFFFFF
   #A0F = #AA00FF
   #369 = #336699

Podemos hacer nuestros propios experimentos, pero también existen páginas en las que se pueden elegir los colores directamente:
Obtener código de color automáticamente


Si queremos que al pasar el ratón sobre los párrafos con fondo de color nos cambie el color, tenemos que añadir, dentro de la etiqueta div, los códigos onmouserover(color) y onmouserout (color). Por ejemplo:

<div style="background-color: #c7c4c4;" onmouseover='this.style.background="#c7c4c4"' onmouseout='this.style.background="white"'>

Este es un ejemplo de cambio de color del parráfo al pasar el ratón

</div>

EJERCICIO

En una entrada nueva, a la que titulareis Párrafo sangrado y con fondo de color, escribir el texto que hay a continuación, con tres sangrados y fondo de color distinto al de vuestra entrada (si es necesario cambiar el color de la letra):

“Aquello que para la oruga es el fin del mundo, para los demás se llama mariposa”. Lao Tse.

“No hables si no es para decir algo que sea mejor que el silencio”. La oración de la rana, Anthony de Mello.