用CSS設定Table的細邊框的幾種方法

大家經常會發現table的border設定為1，得到的邊框卻不是想要的1個畫素的細邊框，於是很多人去想方設法做出細邊框的效果。

設定table的細邊框通常有這麼幾種方式：

1、設定邊框的border=0 、cellspacing=1，設定table的背景色為所要的邊框色，再設定所有的td背景色為白色，這樣細邊框就顯露出來了。

這個方法有些邪氣，看似不太正宗，但是也能達到效果，條條大路通羅馬嘛！

再來看看第二種方法：

2、設定border=0 ，再通過css，給table加上1px的border-top,border-left，然後再設定所有的td的border-right,border-bottom，這樣也能達到所要的效果。可見css很是強大啊。

今天在實踐過程中發現，以上兩種方式生成的html在word中開啟則發生問題，不能達到預期效果。怎麼辦呢！？

下面介紹一種更為簡便有效的方法：

3、設定table的css為,再設定td的css為，大功告成！而且word也能認出這種設定。

筆者目前只想出這麼幾種常用的方法，不知是否還有其他設定細邊框妙招，若哪位達人知道請跟貼寫下哦！！！

設定Table的細邊框

1 設定邊框的border 0 cellspacing 1，設定table的背景色為所要的邊框色，再設定所有的td背景色為白色，這樣細邊框就顯露出來了。2 設定border 0 再通過css，給table加上1px的border top,border left，然後再設定所有的td的border r...

用CSS設定Table的細邊框的幾種方法

大家經常會發現table的border設定為1，得到的邊框卻不是想要的1個畫素的細邊框，於是很多人去想方設法做出細邊框的效果。設定table的細邊框通常有這麼幾種方式 1 設定邊框的border 0 cellspacing 1，設定table的背景色為所要的邊框色，再設定所有的td背景色為白色，這樣...

設定Table的細邊框通的幾種方式

設定邊框的border 0 cellspacing 1，設定table的背景色為所要的邊框色，再設定所有的td背景色為白色，這樣細邊框就顯露出來了。這個方法有些邪氣，看似不太正宗，但是也能達到效果，條條大路通羅馬嘛！再來看看第二種方法 設定border 0 再通過css，給table加上1px的bo...