Tecnología

Inicio

Cómo ocultar una porción de DIV

September 30

Un DIV es un contenedor de HTML que se utiliza para dividir la página Web en secciones y se compone de una etiqueta de apertura y un cierre de etiquetas "<DIV>" "</ DIV>". DIV contenedores se usan típicamente para crear el diseño básico de una página web, y pueden contener texto, imágenes, vídeos y otros elementos del sitio web. Si desea ocultar una parte de un contenedor DIV, se puede hacer esto mediante la creación de un contenedor DIV dentro de un contenedor DIV, a continuación, utilizando una serie de etiquetas de estilo CSS.

Instrucciones

1 Abra el documento de página Web en un editor de texto, haga clic en él, haga clic en "Abrir con". Haga clic para seleccionar "Bloc de notas" o "WordPad" de las aplicaciones de la lista, a continuación, haga clic en "Aceptar".

2 Haga clic para colocar el cursor en una línea en blanco entre el "<body>" y "</ body>" etiquetas.

3 Tipo "<div style =" overflow: hidden; anchura: [x] píxeles; altura: [y] px; ">" para crear el contenedor DIV exterior, a continuación, pulse "Enter". Esta es una etiqueta de apertura DIV con código de estilo CSS que define el DIV "desbordamiento" propiedad como "oculta". Reemplazar el texto "[x]" en la etiqueta con el ancho de la DIV exterior en píxeles. Vuelva a colocar la "[y]" texto en la etiqueta con la altura de la DIV exterior en píxeles. Por ejemplo, para crear un contenedor DIV exterior con una anchura de 500 píxeles y una altura de 200 píxeles, de tipo "<div style =" overflow: hidden; ancho: 500px; altura: 200px; ">".

4 Tipo "<div style =" width: [a] px; altura:. [b] px; ">" para crear el contenedor DIV interior y presionar "Enter" Sustituir "[a]" con el ancho DIV interior en píxeles y reemplazar "[b]" con la altura DIV interior en píxeles. la anchura definida o altura para el contenedor DIV interior debe ser mayor que el ancho definido o altura del contenedor DIV exterior Esto hará que una parte de la DIV interior que se oculta por del contenedor DIV exterior. "desbordamiento: oculto". propiedad para ejemplo, para crear un DIV interior con una anchura de 600 píxeles y una altura de 300 píxeles, de tipo "<div style = 'width: 600px; altura: 300px; ">".

5 Escribir o pegar el contenido que desea mostrar en el contenedor DIV interior. Una parte de este contenido (nada fuera altura definida del DIV exterior y anchura) será oscurecido por el DIV exterior.

6 Tipo "</ DIV>" para cerrar el contenedor DIV interior.

7 Tipo "</ DIV>" para cerrar el contenedor DIV exterior.

8 Haga clic en "Archivo" y "Guardar" para guardar el documento de página Web.