W HTML „iframe”To akronim dla ramy wbudowanej. Ma prostokątną strukturę formy, która służy głównie do wstawienia treści innej witryny do strony HTML. Każdy film, link do innej strony internetowej, obrazu lub innych informacji na stronie internetowej za pomocą elementu iframe. Dodatkowo ta iframe ma granice i paski przewijania, aby poprawić wygląd i wyczucie dokumentu.

Ten post wyjaśni:

• Co to jest iframe w HTML?
• Jak zastosować CSS do iframe?

Co to jest iframe w HTML?

Element w HTML, który jest wykorzystywany do ładowania innych stron HTML wewnątrz prądu, jest zasadniczo znany jako „ramka wbudowana”. Ponadto umieścił wiele stron internetowych na stronie głównej. Ten element HTML jest często używany do wbudowanych filmów, reklam, analizy online i treści interaktywnych.

Jak zastosować CSS do iframe?

Aby zastosować CSS do iframe w HTML, wypróbuj wspomniane instrukcje.

Krok 1: Utwórz element DIV
Najpierw utwórz kontener DIV, wykorzystując „”Tag i wstaw„ „ID”Atrybut w wewnętrznym znaczniku div.

Krok 2: Dodaj nagłówki
Dodaj nagłówek między „„Tag za pomocą„

”Tag. Wstaw drugą nagłówek z pomocą „

Krok 3: Wstaw „

Wyjście

Krok 4: Pierwszy nagłówek stylu
Następnie stygnij pierwszy nagłówek, stosując właściwości CSS:

H1
Font-Family: Fantasy;
Kolor: solidny RGB (czerwony, zielony, niebieski);

Tutaj:

• "rodzina czcionek„Właściwość może pomieścić wiele nazw czcionek jako„awaria”System. Jest wykorzystywany do określenia czcionki dla elementu.
• "kolor”Określa kolor czcionki.

Krok 5: Drugi nagłówek stylu
Teraz stygnij drugi nagłówek zgodnie z wyborem:

H2
kolor niebieski;
Styl czcionki: Kursywa;

Zgodnie z powyższym fragmentem kodu:

• "styl czcionki”Przydziela określony styl zdefiniowanej czcionki.
• "kolor”Jest ustawiony jako„niebieski”Kolor dla

  .

Krok 6: Uzyskaj dostęp do kontenera Div do stylizacji
Uzyskaj dostęp do kontenera Div „ID”Korzystając z nazwy identyfikatora„#Div-i-Frame”I zastosuj właściwości CSS wspomniane poniżej:

#Div-iframe
Margines: 40px;
Text-Align: Center;

Tutaj:

• "margines„Własność określa daną przestrzeń poza granicą.
• "tekst-align”Właściwość wyrównuje dodany tekst w centrum.

Krok 7: Iframe w stylu z właściwościami CSS
Aby stylizować IFrame, zastosuj właściwości CSS zgodnie z preferencjami. Na przykład użyliśmy „granica„Własność w celu zdefiniowania granicy wokół elementu i„styl graniczny„Za stylizację granicy:

iframe
granica: 5px stały blueviolet;
Styl graniczny: wstawka;

Wyjście

Można zaobserwować, że CSS został pomyślnie zastosowany do dodanej iframe.

Wniosek

Aby zastosować CSS do iframe, najpierw dodaj iframe, używając „