CSS: inserir imagem - é assim que funciona
Nesta dica prática, explicamos como inserir uma imagem usando CSS. Basicamente, as imagens só podem ser inseridas aqui na forma de imagens de fundo. No entanto, isso é suficiente.
Inserir imagem em CSS
Por exemplo, se você deseja incluir uma imagem no cabeçalho usando CSS, como seu logotipo, declare as seguintes propriedades em #header:
- "fundo: url (image.webp) #FFFFFF;"
- Aqui, "bild.webp" é entendido como o URL da sua imagem em relação ao arquivo css ou como um endereço absoluto na sua unidade.
- Com a cor, você declara a cor de fundo no seu site.
- A imagem agora pode ser posicionada usando uma posição exata, como: "posição do plano de fundo: 100px 100px;" ou através de informações relativas determinadas pela borda da janela, como "posição do plano de fundo: canto inferior direito;".
- Para que sua imagem não se repita continuamente, você pode especificar um "no-repeat" na propriedade "background-repeat". É assim: "repetição em segundo plano: sem repetição;".
- Com a propriedade "anexo em segundo plano", você determina se a imagem se move com a rolagem ou permanece em um local fixo na página: "anexo em segundo plano: fixo;".
- As propriedades são especificadas no arquivo CSS sem aspas.
Na próxima dica prática, leia como integrar um arquivo CSS usando HTML.