1.
The Border-collapse property sets whether the table border is collapsed to a single border:
Table
{
Border-collapse:collapse;
}
If there is no rule! The Doctype,border-collapse property may cause unexpected errors.
2. Make a beautiful form
<HTML><Head><styletype= "Text/css">#customers{font-family:"Trebuchet MS", Arial, Helvetica, Sans-serif;width:100%;Border-collapse:collapse; }#customers td, #customers th{font-size:1em;Border:1px solid #98bf21;padding:3px 7px 2px 7px; }#customers th{font-size:1.1em;text-align: Left;Padding-top:5px;Padding-bottom:4px;Background-color:#A7C942;Color:#ffffff; }#customers Tr.alt TD{Color:#000000;Background-color:#EAF2D3; }</style></Head><Body><TableID= "Customers"><TR><th>Company</th><th>Contact</th><th>Country</th></TR><TR><TD>Apple</TD><TD>Steven Jobs</TD><TD>USA</TD></TR><TRclass= "Alt"><TD>Baidu</TD><TD>Li Yanhong</TD><TD>China</TD></TR><TR><TD>Google</TD><TD>Larry Page</TD><TD>USA</TD></TR><TRclass= "Alt"><TD>Lenovo</TD><TD>Liu Chuanzhi</TD><TD>China</TD></TR><TR><TD>Microsoft</TD><TD>Bill Gates</TD><TD>USA</TD></TR><TRclass= "Alt"><TD>Nokia</TD><TD>Stephen Elop</TD><TD>Finland</TD></TR></Table></Body></HTML>
CSS 8.1