HTML

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:

comment_top.png

Image 1: img_top

comment_middle.png

Image 2: img_middle

comment_bottom.png

Image 3: img_bottom


OutPut:
CommentImg.JPG

Image 4: Output.

In this example img_middle is repeat in y axes
Membership not found