In HTML, "iforame"È un acronimo per il frame in linea. Ha una struttura a forma rettangolare che viene utilizzata principalmente per inserire il contenuto di un altro sito Web in una pagina HTML. Qualsiasi video, collegamento a un altro sito Web, immagine o altre informazioni è disponibile in una pagina Web utilizzando l'elemento iframe. Inoltre, questo IFRAME presenta bordi e barre di scorrimento per migliorare l'aspetto e la sensazione del documento.

Questo post spiegherà:

• Cos'è un iforame in html?
• Come applicare CSS a un IFRAME?

Cos'è un iforame in html?

Un elemento in HTML che viene utilizzato per il caricamento di altre pagine HTML all'interno di quella corrente è sostanzialmente noto come è noto come "frame in linea". Inoltre, ha inserito numerose pagine Web nella pagina root. Questo elemento HTML viene utilizzato frequentemente per film incorporati, pubblicità, analisi online e contenuti interattivi.

Come applicare CSS a un IFRAME?

Per applicare il CSS a un IFRAME in HTML, prova le istruzioni menzionate.

Passaggio 1: crea un elemento div
Innanzitutto, crea un contenitore Div utilizzando il ""Tag e inserire il"id"Attributo nel tag Div interno.

Passaggio 2: Aggiungi intestazioni
Aggiungi una voce tra il "Tag "mediante il"

"Tag. Inserire la seconda intestazione con l'aiuto di "

Passaggio 3: inserire "

Produzione

Passaggio 4: Stile prima intestazione
Successivamente, modella la prima intestazione applicando le proprietà CSS:

H1
Font-Family: Fantasy;
Colore: RGB solido (rosso, verde, blu);

Qui:

• "famiglia di fontLa proprietà "può contenere più nomi dei caratteri come"ricaderci"Sistema. È utilizzato per specificare il carattere per un elemento.
• "colore"Specifica il colore del carattere.

Passaggio 5: Stile Second Intestazione
Ora, modella la seconda voce secondo la tua scelta:

H2
colore blu;
Font in stile: corsivo;

Secondo lo snippet di codice sopra:

• "stile carattere"Assegna uno stile specifico per il carattere definito.
• "colore"È impostato come"blu"Colore per il

  .

Passaggio 6: accedere al contenitore div per lo stile
Accedi al contenitore Div "id"Utilizzando il nome ID"#Div-Iframe"E applica la menzione delle proprietà CSS di seguito:

#div-iframe
Margine: 40px;
Testo-align: centro;

Qui:

• "margine"La proprietà definisce lo spazio dato al di fuori del confine.
• "allineamento"La proprietà allinea il testo aggiunto al centro.

Passaggio 7: stile iforame con le proprietà CSS
Per modellare l'iframe, applica le proprietà CSS in base alle tue preferenze. Ad esempio, abbiamo usato il "confine"Proprietà per definire il limite attorno all'elemento e"stile del bordo"Per lo styling del confine:

iframe
Bordo: 5px Blueviolet solido;
Border in stile: inserto;

Produzione

Si può osservare che il CSS è stato applicato correttamente all'iframe aggiunto.

Conclusione

Per applicare il CSS a un IFRAME, prima, aggiungi un iFrame utilizzando il “