O'Reilly logo

PrestaShop 1.3 ThemingBeginner’s Guide by Hayati Hashim

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

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:

Time for action — Repeating images horizontally and vertically

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required