Tecnología

Inicio

Cómo ocultar un div vacíos

November 22

Cómo ocultar un div vacíos


El diseño web es un campo desafiante, emocionante y posiblemente lucrativo. HTML y CSS son el estándar para la codificación de páginas web. Incluido en el cuerpo común de las técnicas fundamentales para el diseño web, trabajando con elementos DIV es un deber-tiene la habilidad. Ocultación de un DIV es bastante elemental y se puede hacer en menos de una línea de código.

Instrucciones

1 Abra un editor de texto. Bloc de notas se puede abrir mediante la navegación a "Inicio" y haga clic en "Todos los programas". Haga clic en "Accesorios" y luego "Bloc de notas".

2 Escriba el siguiente código.

<Html>

&lt;body>

& Lt; div class = "ejemplo">

& Lt; / div>

& Lt; / body>

</ Html>

Esto crea un documento HTML y da un ejemplo DIV para trabajar.

3 Agregue el código siguiente después de la etiqueta "<body>".

<Style>

.example { display: block; width: 300px; height: 300px; background-color: red }

</ Style>

Esto hará que un cuadrado rojo que se mostrará en el navegador. Guarde la página como un archivo ".html" y abrirlo en el navegador para ver.

4 Modificar el código entre "<style>" etiquetas para que se vea como esto.

<Style>

.example { display: none; width: 300px; height: 300px; background-color: red }

</ Style>

Cambiar el valor de la pantalla hace que el bloque de desaparecer. Usando el valor "oculta" en lugar de "ninguno" también se oculta el div.