Page 94 - Code Craft Computer-7
P. 94
Example: border-collapse:collapse
<!DOCTYPE>
<HTML> <HEAD>
<TITLE>Creating a Table</TITLE>
<STYLE>
BODY{background-color:RGB (255, 251, 214) }
TABLE, TD, TH{border: 1px solid red}
TABLE{border - collapse: separate; border-spacing:10px 20px}2</STYLE></HEAD>
<BODY> <TABLE>
<CAPTION><H3> Living vs Non-living
</H3> </ CAPTION>
<TR>
<TH style=background-color:Red; color: white>Living</ TH>
<TH style=background - color : Red; color : white>Non-living</TH>
</TR>
<TR>
<TD> Consists of cells</ TD> <TD> No cells</TD>
</TR>
<TR>
<TD>Needs food for energy</TD> <TD>Needs no food</TD>
</TR>
<TR>
<TD>Shows growth and movement</TD> <TD>No growth and movement</TD>
</TR></ TABLE> <BR>
<TABLE style=border -width:1px; border-style: solid; border-color:blue;border- collapse: collapse>
<CAPTION> <H3> Living vs Non- living </H3></CAPTION>
<TR>
<TH style=border-color:blue ; background- color :cyan>Living</ TH>
<TH style=border-color:blue; background- color: cyan>Non-living</TH>
</TR>
<TR>
<TD style=border-color:blue>Consists of cells</TD>
<TD style=border-color:blue>No cells</TD>
</TR>
<TR>
<TD Style=border -color :blue>Needs food for energy</TD>
<TD Style=border-color :blue>Needs no food</TD>
</TR>
<TR>
<TD style=border-color:blue>Shows growth and movement</TD>
<TD Style=border-color:blue>No growth and movement</TD>
</TR>
</TABLE></BODY></HTML> 94
