我們常常會使用html繪制一些表格，然后給表格畫上細線，這里西部e網(wǎng)給大家介紹一個使用css來繪制table表格細線的方法，很實用：
HTML/XML Code復(fù)制內(nèi)容到剪貼板
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
- <title>Css制作table細線表格-西部e網(wǎng) www.wsalc.com</title>
- <style type="text/css">
- table { border-collapse:collapse; border:solid #999; border-width:1px 0 0 1px; }
- table caption {font-size:18px; font-weight:bolder;}
- table th,table td {border:solid #999; border-width:0 1px 1px 0; padding:2px;}
- </style>
- </head>
- <body>
- <table>
- <caption>常用網(wǎng)站</caption>
- <thead>
- <tr><th>網(wǎng)站</th><th>網(wǎng)址</th><th>記錄時間</th></tr>
- </thead>
- <tbody>
- <tr><th>西部e網(wǎng)</th><td>http://www.wsalc.com</td><td>2010.11.11</td></tr>
- <tr><th>百度</th><td>http://www.baidu.com</td><td>2010.11.11</td></tr>
- <tr><th>新浪</th><td>http://www.baidu.com</td><td>2010.11.11</td></tr>
- </tbody>
- </table>
- </body>
- </html>