Tutoriais
https://vvcestudio.com.br/pt/tutorial/css/css03menu
CSS - Imagens de fundo e atributo text
background-image : Usado para aplicar uma imagem no fundo de um objeto html (ex.:DIV)
A seguir um exemplo de estilização de HTML:
Exemplo Div
Texto do paragrafo 1
Texto do paragrafo 2
Texto do paragrafo 3
codigo HTML
x
<div className="CSS03Div1">Exemplo Div</div>
<p>Texto do paragrafo 1</p>
<p id="paragrafo2">Texto do paragrafo 2</p>
<p className="paragrafo3">Texto do paragrafo 3</p>
<p>Texto do paragrafo 1</p>
<p id="paragrafo2">Texto do paragrafo 2</p>
<p className="paragrafo3">Texto do paragrafo 3</p>
codigo CSS
x
.CSS03Div1{
width:75%;
height:100px;
background-image: URL("/assetsv5/img/game/controleogodzilla/fundo.jpeg");
}
p {
text-align: right;
text-decoration: line-through;
text-indent: 4px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:12;
color:#FF0000;
}
/* ID */
#paragrafo2 {
text-align: center;
text-decoration: blink;
color: green;
}
/* CLASS */
.paragrafo3 {
color: #FFFFFF;
}
width:75%;
height:100px;
background-image: URL("/assetsv5/img/game/controleogodzilla/fundo.jpeg");
}
p {
text-align: right;
text-decoration: line-through;
text-indent: 4px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:12;
color:#FF0000;
}
/* ID */
#paragrafo2 {
text-align: center;
text-decoration: blink;
color: green;
}
/* CLASS */
.paragrafo3 {
color: #FFFFFF;
}
Visite outros canais :
