Em html, “iframe”É um acrônimo para o quadro embutido. Possui uma estrutura de forma retangular que é usada principalmente para inserir o conteúdo de outro site em uma página HTML. Qualquer vídeo, link para outro site, imagem ou outra informação pode ser encontrada em uma página da web usando o elemento iframe. Além disso, este iframe apresenta bordas e barras de rolagem para melhorar a aparência e a sensação do documento.

Este post explicará:

• O que é um iframe em html?
• Como aplicar CSS a um iframe?

O que é um iframe em html?

Um elemento no HTML utilizado para carregar outras páginas HTML dentro do atual é basicamente conhecido como é conhecido como um "quadro embutido". Além disso, colocou inúmeras páginas da web na página raiz. Este elemento HTML é usado com frequência para filmes incorporados, anúncios, análises on -line e conteúdo interativo.

Como aplicar CSS a um iframe?

Para aplicar o CSS a um iframe em html, experimente as instruções mencionadas.

Etapa 1: Crie um elemento div
Primeiro, crie um recipiente de div, utilizando o “”Tag e insira o“eu ia”Atributo na tag interna div.

Etapa 2: Adicionar títulos
Adicione um título entre o “”Tag usando o“

" marcação. Insira o segundo título com a ajuda do “

Etapa 3: Insira “

Saída

Etapa 4: estilo de estilo primeiro
Em seguida, estilize o primeiro título aplicando as propriedades CSS:

H1
Fonte-família: Fantasia;
Cor: RGB sólido (vermelho, verde, azul);

Aqui:

• ““família de fontes”A propriedade pode manter vários nomes de fontes como um“cair pra trás" sistema. É utilizado para especificar a fonte para um elemento.
• ““cor”Especifica a cor da fonte.

Etapa 5: Estilo Segundo cabeçalho
Agora, estilize o segundo cabeçalho de acordo com sua escolha:

H2
cor azul;
estilo de fonte: itálico;

De acordo com o snippet de código acima:

• ““estilo de fonte”Aloca um estilo específico para a fonte definida.
• ““cor”É definido como o“azul”Cor para o

  .

Etapa 6: Access Div Container para estilo
Acesse o contêiner Div “eu ia”Ao utilizar o nome de identificação“#Div-iframe”E aplique as propriedades do CSS mencionadas abaixo:

#div-iframe
margem: 40px;
Alinhamento de texto: centro;

Aqui:

• ““margem”Propriedade define o espaço fornecido fora do limite.
• ““alinhamento de texto”Propriedade alinha o texto adicionado no centro.

Etapa 7: estilo iframe com propriedades CSS
Para estilizar o iframe, aplique as propriedades CSS de acordo com sua preferência. Por exemplo, usamos o “fronteira”Propriedade para definir o limite ao redor do elemento e o“estilo de borda”Para estilizar a fronteira:

iframe
borda: 5px Blueviolet sólido;
estilo de fronteira: inserção;

Saída

Pode -se observar que o CSS foi aplicado com sucesso ao Iframe adicionado.

Conclusão

Para aplicar o CSS a um iframe, primeiro, adicione um iframe, utilizando o “