-
Cómo poner texto dentro de una barra de desplazamiento en CSS
-
Un cuadro de CSS de desplazamiento le permite incluir texto dentro de la página Web que se encuentra separado del resto del texto en su página. Por ejemplo, si tiene texto en un cuadro de desplazamiento, puede preservar la integridad de su diseño, porque se puede insertar la mayor cantidad de texto en el cuadro de desplazamiento como sea necesario. Debido a que el cuadro de desplazamiento incluye una barra de desplazamiento, el texto puede desbordar tanto como usted desee, pero todavía no va a arruinar el diseño de su página.
Instrucciones
1 Ingrese a su servidor Web y abra la página HTML que incluirá el texto dentro del cuadro de desplazamiento.
2 Haga clic entre medio de la "<body>" y "</ body>" etiquetas de su página en la ubicación en la que desea insertar el cuadro de texto y la barra de desplazamiento.
3 Pega este código:
<Table width = 40 border = 0 align = center summary = "">
<Tr>
<Td>
El texto va aquí.
</ Td>
</ Tr>
</ Table>
4 Sustituir "texto va aquí" con el texto real que desea que aparezca en el cuadro de desplazamiento. Sustituir el valor "ancho", así si lo desea.
5 Haga clic en la sección "<head>" de la página HTML e insertar este código:
<Style type = "text / css">
ul {
margin-top: 0px;
margin-bottom: 0px;
color: # 333333;
font-size: 80%;
font-weight: normal;
margin-left: 20px;
padding-left: 20px;
line-height: 1.3em;
}
.scrollArea {
Anchura: 275px;
altura: 100px;
padding-left: 5px;
padding-right: 5px;
border-color: # 6699CC;
border-width: 1px;
Border-style: sólido;
flotador izquierdo;
overflow: auto;
}
</ Style>
6 Publicar la página.
