Today, my colleague asked me a question, he wants to set the table's border, and to be honest, I seldom get a table border.
By http://blog.sina.com.cn/s/blog_565812e60100czbn.html Some information,
I found the CSS for setting table {border-collapse:collapse;border:none;}, and then set the TD css to {border:solid#000 1px;} is a very good method.
Example:
<! DOCTYPE HTML Public "-//W3C//DTD XHTML 1.0 transitional//en" "Http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<meta http-equiv= "Content-type" content= "text/html; Charset=utf-8 "/>
<title> Navigation page File </title>
<style type= "Text/css" >
Table
{
Border-collapse:collapse;
Border:none;
width:200px;
}
Td
{
Border:solid #000 1px;
}
</style>
<body>
<table>
<tr>
<td>
Military
</td>
<td>
History
</td>
<td>
News
</td>
</tr>
<tr>
<td>
Military
</td>
<td>
History
</td>
<td>
News
</td>
</tr>
</table>
</body>
The best way to set the thin border of a table with CSS