用CSS设置Table的细边框的最好用的方法
http://www.cnblogs.com/xinlei/archive/2010/06/23/1763387.html
通過差一些資料http://blog.sina.com.cn/s/blog_565812e60100czbn.html，
我發(fā)現(xiàn)設(shè)置table的CSS為{border-collapse:collapse;border:none;},再設(shè)置td的CSS為{border:solid#000 1px;}是一個(gè)非常不錯(cuò)的方法。
示例：
<!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>導(dǎo)航頁檔</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>
轉(zhuǎn)載于:https://www.cnblogs.com/cnsg/archive/2012/10/30/2746892.html
總結(jié)
以上是生活随笔為你收集整理的用CSS设置Table的细边框的最好用的方法的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： JSValidation 配置文件
- 下一篇： 几个比较实用的CSS