HTML Background Image

Set image in background from URL source. using inline css properties style set. also set image repeat in x direction or y direction.

Background Image

<html>
<head>
</head>
<body>
  <div style="width:203px; height:135px; background-image:url('../../images/img_nat.png'); background-repeat:no-repeat;">Background Image</div>
</body>
</html>

Background Image

Background Image x-repeat

<html>
<head>
</head>
<body>
  <div style="width:550px; height:135px; background-image:url('../../images/img_nat.png'); background-repeat:x-repeat; overflow:scroll;">Background Image vertical repeat</div>
</body>
</html>

Background Image vertical repeat

Background Image y-repeat

<html>
<head>
</head>
<body>
  <div style="width:2070px; height:325px; background-image:url('../../images/img_nat.png'); background-repeat:y-repeat;overflow-y:scroll;">Background Image Horizontal repeat</div>
</body>
</html>

Background Image Horizontal repeat