In HTML, "iframeIst ein Akronym für den Inline -Rahmen. Es verfügt über eine rechteckige Formstruktur, die hauptsächlich verwendet wird, um den Inhalt einer anderen Website in eine HTML -Seite einzufügen. Jedes Video, Link zu einer anderen Website, einem anderen Bild oder anderen Informationen finden Sie auf einer Webseite mit dem IFrame -Element. Darüber hinaus bietet dieses Iframe Grenzen und Bildlaufleisten, um das Aussehen und das Gefühl des Dokuments zu verbessern.

Dieser Beitrag wird erklären:

• Was ist ein Iframe in HTML?
• So wenden Sie CSS auf einen Iframe an?

Was ist ein Iframe in HTML?

Ein Element in HTML, das zum Laden anderer HTML -Seiten innerhalb des Stroms verwendet wird, wird im Grunde genommen als „Inline -Rahmen“ bezeichnet, das als „Inline -Rahmen“ bezeichnet wird. Darüber hinaus wurden zahlreiche Webseiten auf der Stammseite platziert. Dieses HTML -Element wird häufig für eingebettete Filme, Anzeigen, Online -Analysen und interaktive Inhalte verwendet.

So wenden Sie CSS auf einen Iframe an?

Probieren Sie die genannten Anweisungen aus, um das CSS auf einen Iframe in HTML anzuwenden.

Schritt 1: Erstellen Sie ein DIV -Element
Erstellen Sie zunächst einen Div -Container, indem Sie das verwenden “”Tag und fügen Sie die“ ein und “Ausweis”Attribut im Inside Div -Tag.

Schritt 2: Überschriften hinzufügen
Fügen Sie eine Überschrift dazwischen hinzu “"Tag verwendet das"

" Schild. Setzen Sie die zweite Überschrift mit Hilfe des “ein

Schritt 3: Einfügen “

Ausgang

Schritt 4: Stil zuerst stile Überschrift
Als nächstes stylen Sie die erste Überschrift, indem Sie die CSS -Eigenschaften anwenden:

H1
Schriftfamilie: Fantasie;
Farbe: solide RGB (rot, grün, blau);

Hier:

• “Schriftfamilie"Eigenschaft kann mehrere Schriftarten als" als "enthalten"zurückgreifen" System. Es wird verwendet, um die Schriftart für ein Element anzugeben.
• “FarbeGibt die Farbe der Schriftart an.

Schritt 5: Stil zweiter Überschrift
Style nun die zweite Überschrift nach Ihrer Wahl:

H2
Farbe blau;
Schriftstil: kursiv;

Nach dem obigen Code -Snippet:

• “Schriftstil”Zuweist einen bestimmten Stil für die definierte Schriftart.
• “Farbe”Wird als die“ eingestelltBlau”Farbe für die

  .

Schritt 6: Zugriff auf DIV -Container zum Styling
Zugriff auf den Div -Container “Ausweis"Durch die Verwendung des ID -Namens"#div-unframe”Und wenden Sie die CSS -Eigenschaften an, die unten erwähnt werden:

#div-iframe
Rand: 40px;
Text-Align: Mitte;

Hier:

• “RandEigentum definiert den gegebenen Raum außerhalb der Grenze.
• “TextausrichtungDie Eigenschaft richtet den hinzugefügten Text in der Mitte aus.

Schritt 7: Stil -Iframe mit CSS -Eigenschaften
Wenden Sie die CSS -Eigenschaften nach Ihren Vorlieben an, um das Iframe zu stylen. Zum Beispiel haben wir das verwendetGrenze”Eigenschaft, um die Grenze um das Element und das" zu definieren "Grenzstil”Zum Styling der Grenze:

iframe
Grenze: 5px Solid Blueviolet;
Grenzstil: Einschub;

Ausgang

Es kann beobachtet werden, dass das CSS erfolgreich auf den zusätzlichen Iframe angewendet wurde.

Abschluss

Um das CSS auf einen Iframe anzuwenden, fügen Sie zunächst einen Iframe hinzu, indem Sie die “verwenden