Time for action—Repeating images vertically
To repeat an image vertically, you can put the value repeat-y
after the background-repeat
property and separate the two properties with a semi-colon.
body {
background-color: white;
background-image: url('../img/myimage.jpg) ;
background-repeat: repeat-y;
font-size: 11px;
font-family: Verdana, Arial, Helvetica, Sans-Serif;
color: #5d717e;
text-align:center
}
The patterns are now on the vertical left of the screen, as shown in the following screenshot: