今天同事向我問了一個問題,他要設置table的邊框,說實話,我也很少弄過table的邊框。
通過差一些資料http://blog.sina.com.cn/s/blog_565812e60100czbn.html,
我發現設置table的CSS為{border-collapse:collapse;border:none;},再設置td的CSS為{border:solid#000 1px;}是一個非常不錯的方法。
示例:
<!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>導航頁檔</title> <style type="text/css"> table { border-collapse: collapse; border: none; width: 200px; } td { border: solid #000 1px; } </style> </head> <body> <table> <tr> <td> 軍事 </td> <td> 歷史 </td> <td> 新聞 </td> </tr> <tr> <td> 軍事 </td> <td> 歷史 </td> <td> 新聞 </td> </tr> </table> </body> </html>