Share this page 

Use an Image as table cell backgroundTag(s): HTML/CSS


<STYLE style="text/css">
td.special { 
    background-image: url('../images/line.gif');
    background-repeat: repeat-x;
    background-position: center;
}
</STYLE>

<TABLE border=0>
<TR><TD >line 1 line 1 line 1 line 1 line 1 line 1 line 1</TD></TR>
<TR><TD class='special'>
    line 2 line 2 line 2 line 2 line 2 line 2 line 2</TD></TR>
<TR><TD >line 3 line 3 line 3 line 3 line 3 line 3 line 3</TD></TR>
</TABLE>

The output :

line 1 line 1 line 1 line 1 line 1 line 1 line 1
line 2 line 2 line 2 line 2 line 2 line 2 line 2
line 3 line 3 line 3 line 3 line 3 line 3 line 3
mail_outline
Send comment, question or suggestion to howto@rgagnon.com