En html, "influencia"Es un acrónimo del marco en línea. Tiene una estructura de forma rectangular que se utiliza principalmente para insertar el contenido de otro sitio web en una página HTML. Cualquier video, enlace a otro sitio web, imagen u otra información se puede encontrar en una página web utilizando el elemento iframe. Además, este iframe presenta bordes y barras de desplazamiento para mejorar la apariencia y la sensación del documento.

Esta publicación explicará:

• ¿Qué es un iframe en html??
• Cómo aplicar CSS a un iframe?

¿Qué es un iframe en html??

Un elemento en HTML que se utiliza para cargar otras páginas HTML dentro de la actual se conoce básicamente como se conoce como un "marco en línea". Además, colocó numerosas páginas web en la página de la raíz. Este elemento HTML se usa con frecuencia para películas integradas, anuncios, análisis en línea y contenido interactivo.

Cómo aplicar CSS a un iframe?

Para aplicar el CSS a un iframe en HTML, pruebe las instrucciones mencionadas.

Paso 1: crear un elemento Div
Primero, cree un contenedor Div utilizando el ""Etiqueta e inserte el"identificación"Atributo en la etiqueta Div Inside Div.

Paso 2: Agregar encabezados
Agregue un rumbo entre el ""Etiqueta usando el"

" etiqueta. Inserte el segundo encabezado con la ayuda del "

Paso 3: insertar "

Producción

Paso 4: Estilo primero encabezado
A continuación, diseñe el primer encabezado aplicando las propiedades CSS:

H1
Font-Family: Fantasy;
color: RGB sólido (rojo, verde, azul);

Aquí:

• "Familia tipográfica"La propiedad puede contener múltiples nombres de fuentes como un"retroceder" sistema. Se utiliza para especificar la fuente para un elemento.
• "color"Especifica el color de la fuente.

Paso 5: Segundo encabezado de estilo
Ahora, diseñe el segundo encabezado de acuerdo con su elección:

H2
color azul;
estilo de fuente: cursiva;

Según el fragmento de código anterior:

• "Estilo de fuente"Asigna un estilo específico para la fuente definida.
• "color"Está configurado como el"azul"Color para el

  .

Paso 6: Access Div Contenedor para el estilo
Acceda al contenedor Div "identificación"Al utilizar el nombre de identificación"#Div-iFrame"Y aplique las propiedades CSS que se mencionan a continuación:

#Div-Iframe
margen: 40px;
Text-Align: Center;

Aquí:

• "margen"La propiedad define el espacio dado fuera del límite.
• "texto alineado"La propiedad alinea el texto adicional en el centro.

Paso 7: Estilo iframe con propiedades CSS
Para diseñar el nombre de iframe, aplique las propiedades de CSS de acuerdo con sus preferencias. Por ejemplo, hemos usado el "borde"Propiedad para definir el límite alrededor del elemento y el"estilo de borde"Por diseñar la frontera:

iframe
Border: 5px sólido Blueviolet;
estilo fronterizo: recuadro;

Producción

Se puede observar que el CSS se ha aplicado con éxito al iframe agregado.

Conclusión

Para aplicar el CSS a un iframe, primero, agregue un iframe utilizando el "