Time for action—Repeating images horizontally and vertically
To repeat an image horizontally and vertically, just put the value repeat
after the background-repeat
property and separate the values with a colon.
body {
background-color: white;
background-image: url('../img/myimage.jpg)
background-repeat: repeat-x: repeat-y;
font-size: 11px;
font-family: Verdana, Arial, Helvetica, Sans-Serif;
color: #5d717e;
text-align:center
}
The following screenshot is what you will see in your browser: