George and Susan Welcome to our HTML help page!
Home | HTML-Index | Basic HTML | HTML Structure

Table Borders



Content
Simple Border
A wider border
Border with color
Colored border and colored background
No inside borders
No outside borders
All inside borders plus top border
All inside borders plus bottom border
All inside borders plus right side border
 All inside borders plus left side border
No inside borders plus top border
No inside borders plus bottom border
No inside borders plus right side border
No inside borders plus left side border
Outside borders plus borders for rows
Outside borders plus borders for column
Column borders plus side borders
Row borders plus top and bottom border


Simple border
Type this code Which gives us this
<TABLE BORDER=1 ALIGN=CENTER>
<TR>
<TD>stuff</TD>
<TD>stuff</TD>
</TR>
<TR>
<TD>stuff</TD>
<TD>stuff</TD>
</TR>
</TABLE>
stuff stuff
stuff stuff


Back to Content


A wider border
Type this code Which gives us this
<TABLE BORDER=10 ALIGN=CENTER>
<TR>
<TD>stuff</TD>
<TD>stuff</TD>
</TR>
<TR>
<TD>stuff</TD>
<TD>stuff</TD>
</TR>
</TABLE>
stuff stuff
stuff stuff


Back to Content


Border with color
Type this code Which gives us this
<TABLE BORDER=15 BORDERCOLORDARK=DARKGREEN BORDERCOLORLIGHT=LIMEGREEN ALIGN=CENTER>
<TR>
<TD>stuff</TD>
<TD>stuff</TD>
</TR>
<TR>
<TD>stuff</TD>
<TD>stuff</TD>
</TR>
</TABLE>
stuff stuff
stuff stuff


Back to Content


Colored border and colored background
Type this code Which gives us this
<TABLE BORDER=20 BORDERCOLORDARK=DARKGREEN BORDERCOLORLIGHT=LIMEGREEN BGCOLOR=PALEGREEN ALIGN=CENTER>
<TR>
<TD>stuff</TD>
<TD>stuff</TD>
</TR>
<TR>
<TD>stuff</TD>
<TD>stuff</TD>
</TR>
</TABLE>
stuff stuff
stuff stuff


Back to Content


No inside borders
Type this code Which gives us this
<TABLE BORDER=1 RULES=NONE FRAME=BOX ALIGN=CENTER>
<TR>
<TD>stuff</TD>
<TD>stuff</TD>
</TR>
<TR>
<TD>stuff</TD>
<TD>stuff</TD>
</TR>
</TABLE>
stuff stuff
stuff stuff


Back to Content


No outside borders
Type this code Which gives us this
<TABLE BORDER=1 RULES=ALL FRAME=VOID ALIGN=CENTER>
<TR>
<TD>stuff</TD>
<TD>stuff</TD>
</TR>
<TR>
<TD>stuff</TD>
<TD>stuff</TD>
</TR>
</TABLE>
stuff stuff
stuff stuff


Back to Content


All inside borders plus top border
Type this code Which gives us this
<TABLE BORDER=1 RULES=ALL FRAME=ABOVE ALIGN=CENTER>
<TR>
<TD>stuff</TD>
<TD>stuff</TD>
</TR>
<TR>
<TD>stuff</TD>
<TD>stuff</TD>
</TR>
</TABLE>
stuff stuff
stuff stuff


Back to Content


All inside borders plus bottom border
Type this code Which gives us this
<TABLE BORDER=1 RULES=ALL FRAME=BELOW ALIGN=CENTER>
<TR>
<TD>stuff</TD>
<TD>stuff</TD>
</TR>
<TR>
<TD>stuff</TD>
<TD>stuff</TD>
</TR>
</TABLE>
stuff stuff
stuff stuff


Back to Content


All inside borders plus right side border
Type this code Which gives us this
<TABLE BORDER=1 RULES=ALL FRAME=RHS ALIGN=CENTER>
<TR>
<TD>stuff</TD>
<TD>stuff</TD>
</TR>
<TR>
<TD>stuff</TD>
<TD>stuff</TD>
</TR>
</TABLE>
stuff stuff
stuff stuff


Back to Content


All inside borders plus left side border
Type this code Which gives us this
<TABLE BORDER=1 RULES=ALL FRAME=LHS ALIGN=CENTER>
<TR>
<TD>stuff</TD>
<TD>stuff</TD>
</TR>
<TR>
<TD>stuff</TD>
<TD>stuff</TD>
</TR>
</TABLE>
stuff stuff
stuff stuff


Back to Content


No inside borders plus top border
Type this code Which gives us this
<TABLE BORDER=1 RULES=NONE FRAME=ABOVE ALIGN=CENTER>
<TR>
<TD>stuff</TD>
<TD>stuff</TD>
</TR>
<TR>
<TD>stuff</TD>
<TD>stuff</TD>
</TR>
</TABLE>
stuff stuff
stuff stuff


Back to Content


No inside borders plus bottom border
Type this code Which gives us this
<TABLE BORDER=1 RULES=NONE FRAME=BELOW ALIGN=CENTER>
<TR>
<TD>stuff</TD>
<TD>stuff</TD>
</TR>
<TR>
<TD>stuff</TD>
<TD>stuff</TD>
</TR>
</TABLE>
stuff stuff
stuff stuff


Back to Content


No inside borders plus right side border
Type this code Which gives us this
<TABLE BORDER=1 RULES=NONE FRAME=RHS ALIGN=CENTER>
<TR>
<TD>stuff</TD>
<TD>stuff</TD>
</TR>
<TR>
<TD>stuff</TD>
<TD>stuff</TD>
</TR>
</TABLE>
stuff stuff
stuff stuff


Back to Content


No inside borders plus left side border
Type this code Which gives us this
<TABLE BORDER=1 RULES=NONE FRAME=LHS ALIGN=CENTER>
<TR>
<TD>stuff</TD>
<TD>stuff</TD>
</TR>
<TR>
<TD>stuff</TD>
<TD>stuff</TD>
</TR>
</TABLE>
stuff stuff
stuff stuff


Back to Content


Outside borders plus borders for rows
Type this code Which gives us this
<TABLE BORDER=1 RULES=ROWS FRAME=BOX ALIGN=CENTER>
<TR>
<TD>stuff</TD>
<TD>stuff</TD>
</TR>
<TR>
<TD>stuff</TD>
<TD>stuff</TD>
</TR>
<TR>
<TD>stuff</TD>
<TD>stuff</TD>
</TR>
</TABLE>
stuff stuff
stuff stuff
stuff stuff


Back to Content


Outside borders plus borders for column
Type this code Which gives us this
<TABLE BORDER=1 RULES=COLS FRAME=BOX ALIGN=CENTER>
<TR>
<TD>stuff</TD>
<TD>stuff</TD>
<TD>stuff</TD>
</TR>
<TR>
<TD>stuff</TD>
<TD>stuff</TD>
<TD>stuff</TD>
</TR>
<TR>
<TD>stuff</TD>
<TD>stuff</TD>
<TD>stuff</TD>
</TR>
</TABLE>
stuff stuff stuff
stuff stuff stuff
stuff stuff stuff


Back to Content


Column borders plus side borders
Type this code Which gives us this
<TABLE BORDER=1 RULES=COLS FRAME=VSIDES ALIGN=CENTER>
<TR>
<TD>stuff</TD>
<TD>stuff</TD>
<TD>stuff</TD>
</TR>
<TR>
<TD>stuff</TD>
<TD>stuff</TD>
<TD>stuff</TD>
</TR>
<TR>
<TD>stuff</TD>
<TD>stuff</TD>
<TD>stuff</TD>
</TR>
</TABLE>
stuff stuff stuff
stuff stuff stuff
stuff stuff stuff


Back to Content


Row borders plus top and bottom border
Type this code Which gives us this
<TABLE BORDER=1 RULES=ROWS FRAME=HSIDES ALIGN=CENTER>
<TR>
<TD>stuff</TD>
<TD>stuff</TD>
<TD>stuff</TD>
</TR>
<TR>
<TD>stuff</TD>
<TD>stuff</TD>
<TD>stuff</TD>
</TR>
<TR>
<TD>stuff</TD>
<TD>stuff</TD>
<TD>stuff</TD>
</TR>
</TABLE>
stuff stuff stuff
stuff stuff stuff
stuff stuff stuff


My home page
Back to Content