|
|
by
Purushottam Rathore
on
Sep 17, 2009
Here I am giving a simple example to Repeat Background image using style in html tag.
|
|
|
|
|
|
|
|
|
|
|
Example:
<html xmlns="http://www.w3.org/1999/xhtml">
<head> <title>Comment Style</title>
</head>
<body>
<table cellpadding="0" cellspacing="0" width=618px>
<tr>
<td style="padding-left: 35px; width: 618px; height: 28px; background: url(img_top.png') no-repeat;">
Hi
</td>
</tr>
<tr>
<td style="padding-left: 35px; padding-right: 40px; width: 618px; background: url(img_middle.png') repeat-y;">Hi this purushottam rathore.
</td>
</tr>
<tr>
<td style="width: 618px; height: 13px; background: url(img_bottom.png') no-repeat;"></td>
</tr>
</table>
</body>
</html>
Images used in this example:
Image 1: img_top
Image 2: img_middle
Image 3: img_bottom
OutPut:
Image 4: Output.
In this example img_middle is repeat in y axes
|
|