本文針對用table顯示數據，主要是table的線條顏色處理。

1.下面的這個方法，比較試用于單一的table不適用于table 套著table。這樣的話在某些瀏覽器上瀏覽是有差別的。table套table 有可能會出現線條加粗的情況。

<style type="text/css"> TABLE { BORDER-COLLAPSE: collapse } #Table1 { border: #000000 1px solid;} #Table1 td{border: #0092d2 1px solid; text-align:center; font-size:14px;} </style>

?

<TABLE id="Table1"style="WIDTH: 605px; HEIGHT: 608px" cellSpacing="0" cellPadding="0" width="605" align="center" bgColor="#ffffff" border="1"> <tr> <td width="38" rowspan="2">委<br> 托<br> 方</td> <td width="90">委托單位</td> <td width="185"></td> <td width="84">委托人</td> <td colspan="2"></td> <td width="70">聯系電話</td> </tr> </table>

?

2.本種方法是設定table的背景顏色，然后在重寫td的顏色。設置table的邊不為0.用td的顏色一覆蓋，所以剩下的就是邊框的顏色。

TABLE id="Table1" style="FONT-SIZE: 13px; WORD-BREAK: break-all; WORD-WRAP: break-word" cellSpacing="1" cellPadding="3" width="692" bgColor="#77b3d4" border="0"> <tr> <td style="WIDTH: 33px" width="33" rowSpan="2">委<br> 托<br> 方</td> <td width="90">委托單位</td> <td width="185"><FONT face="宋體"><asp:label id="Label6" runat="server" Font-Size="13px" DESIGNTIMEDRAGDROP="1647"></asp:label></FONT></td> <td width="84">委托人</td> <td colSpan="2"><FONT face="宋體"><asp:label id="Label36" runat="server" DESIGNTIMEDRAGDROP="1755"></asp:label></FONT></td> <td width="70">聯系電話</td> </tr> </table>

?css 如下：

<style type="text/css"> #Table1 td{ background-color:#ffffff; } </style>

?直接設定td的顏色就可以了。

轉載于:https://www.cnblogs.com/sunShineJing/archive/2011/12/31/2308914.html

總結

以上是生活随笔為你收集整理的table数据表 边框特效的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。