I want to use an image in the header of the site, it is small and I would like to repeat it horizontally throughout the header using CSS.
The HTML is as follows:
<body>
<header>
<div id="cabecalho">
<img src="pasta/imagem.jpg">
<h1>Texto</h1>
<h2>Texto</h2>
</div>
</header>
Thanks in advance for the help.
You will not be able to repeat the image using background-repeat: repeat-x; because in fact there is no specified background. What you need is to upload the image you want through background-image:url(...) . Then yes you can give instructions to him. Example:
#cabecalho {
background-image:url('http://placehold.it/30x30');
background-repeat:repeat-x;
}<header>
<div id="cabecalho">
<h1>Texto</h1>
<h2>Texto</h2>
</div>
</header>Try to put:
#cabecalho {
background-image:url('http://placehold.it/30x30');
width: 100%;
height: 150px;
}