Cajas con barras de desplazamiento

Los Scrollboxes son cajas que contienen las barras de desplazamiento.

Esta caja de contenido nos viene muy bien para simplificar un texto otro contenido que sea demasiado largo para nuestras entradas

Las barras de desplazamiento permiten desplazarse hacia abajo (o en diagonal) con el fin de ver todo el contenido de la caja y así simplificarlo.

Para añadirla nos tendremos que ir nuestra entrada y HTML e insertar esté código.

<div style="width:150px;height:150px; lineheight:3em;overflow:scroll;padding:5px;"> Aquí pondremos el contenido de nuestra caja. </div>        

Y así se verá

Aquí pondremos el contenido de  de nuestra caja.

Otra forma de ponerla es esta:

Aquí hemos añadido color al fondo de la caja y a la tipografía.

<div style="width:150px;height:650px;line height:3em;overflow:scroll;padding:5px;background-color:#FCFADD;color:#714D03;scrollbarbasecolor:#DEBB07;">Otra caja más con color de texto y color de fondo de la caja. </div>

Y así se verá

Otra caja más con color de texto y color de fondo de la caja.

Para cambiar algunos datos usaremos.

width:150px; altura de la caja.

height:150px; largo de la caja

background-color:#FCFADD; color de fondo de la caja

color:#714D03;color de la letra

< style="font-family: 'indie flower'; white-space: pre-wrap;">scrollbar-base-color:#DEBB07;" color de la barra

Además de cambiar el color de fondo, de la letra ect.. podemos añadir un marco a la caja.
border:5px double #CC66CC;

<div style="width:150px;height:150px;line-height:3em;overflow:scroll;padding:5px;background-color:#FFF0F5;color:#000066;border:5px double #CC66CC;">Además de cambiar el  color de fondo, de la letra ect.. podemos añadir un marco a la caja. </div>

Además de cambiar el color de fondo, de la letra ect.. podemos añadir un marco a la caja.