Tecnología

Inicio

Cómo escribir cosas en un cuadro de desplazamiento

Utiliza elementos DIV para dividir las páginas web en las secciones. DIVS también pueden funcionar como cuadros de desplazamiento o cuadros de texto. Desbordamiento es un atributo CSS que informa al navegador Web qué hacer si el texto desborda los límites de un elemento. Cambio de desbordamiento de "scroll" convierte un elemento DIV en un cuadro de desplazamiento. Usted puede escribir en el cuadro de desplazamiento una vez que haya codificado el elemento DIV correctamente.

Instrucciones

1 Inserte el "<div>" y "</ div>" etiquetas entre los "<body>" y "</ body>" etiquetas:

<Body>
<Div>
</ Div>
</ Body>

2 Añadir el atributo "clase" a la "<div>" etiqueta, a continuación, crear una palabra clave para el elemento DIV:

<Div class = "X">
</ Div>

Reemplazar "X" es la palabra clave para el DIV.

3 Inserte el siguiente entre el "<head>" y "</ head>" etiquetas:

<Style>
</ Style>

4 Coloca este código entre el "<style>" y "</ style>" etiquetas para convertir el elemento DIV en un cuadro de desplazamiento:

.X {
Anchura: 200px;
altura: 100px;
overflow: desplazarse;
}

Reemplazar "X" con la palabra clave DIV.

5 Definir la apariencia del cuadro de desplazamiento:

.X {
frontera: #px rgb sólido (a, b, c);
background-color: hexagonal;
Anchura: 200px;
altura: 100px;
overflow: auto;
}

6 Reemplazar "#" con el espesor del borde de página. Use "1px", por ejemplo. Esto representa una frontera igual a un píxel de espesor. Reemplazar "a", "b" y "c" con los valores de rojo, verde y azul adecuadas para el color del borde. Reemplazar "hexagonal" con el código hexadecimal para el color de fondo.

7 Escribir el texto entre el "<div>" y "</ div>" etiquetas para escribir en el cuadro de desplazamiento:

<Div class = "X"> Mi texto va aquí.
</ Div>

Consejos y advertencias

  • Use una "herramienta de elección de Página Web de color" para encontrar el formato hexadecimal y los valores RGB de un color en particular.
  • Puede cambiar las dimensiones del cuadro de desplazamiento si se elimina "200" y "100" en el "ancho" y "alto" y reemplazar atributos de las dimensiones.

Artículos relacionados