大家都知道在html中當border="1" cellpadding="0" cellspacing="0" 的時候，**樣式很醜，有點「立體」的感覺，當改變邊框顏色的時候，border看起來又會很粗，這是因為兩個邊重疊所造成的，那麼如何做出上面的效果呢？跟著我的操作來吧。
**樣式
title
>
head
>
<
body
>
<
table
border="
0"cellpadding="
5"cellspacing="
1"width="
100%
"align="
center
"style="
background-color: #b9d8f3;
">
<
tr style="
text-align: center; color: #0076c8; background-color: #f4faff; font-weight: bold
">
<
td><
font size="
2">
新聞標題
font
>
td>
<
td><
font size="
2">
鏈結位址
font
>
td>
<
td><
font size="
2">
發布時間
2023年3月22日 13:
23:28font
>
td>
tr>
table
>
body
>
html
>
從上面可以看出，我們真正用到的並不是border，而是背景顏色（background-color）和外邊距(cellspacing) 這兩個屬性（**中高光部份），思路上有些像photoshop裡「層」，用上面的「層」減掉「背景層」得到的就是現在大家看到的效果。背影顏色（主）就是我們最後的邊框的顏色，我們看到的邊框實際上是通過cellspacing的縫隙看到的背景色，因為我們設定了邊距是1px，所以看上去像是border。
說的有點亂，希望大家能看明白。
table邊框設定
一 的常用屬性 基本屬性有 width 寬度 height 高度 border 邊框值 cellspacing 的內寬，即 與tr之間的間隔 cellpadding 內元素的間隔，即tr與tr之間的間隔 bordercolorlight 的亮邊框顏色 bordercolordark 的暗邊框顏色 b...
table邊框設定
一 的常用屬性 基本屬性有 width 寬度 height 高度 border 邊框值 cellspacing 的內寬，即 與tr之間的間隔 cellpadding 內元素的間隔，即tr與tr之間的間隔 bordercolorlight 的亮邊框顏色 bordercolordark 的暗邊框顏色 b...
table 邊框問題
對table設定css樣式邊框，分為幾種情況 1 只對table設定邊框 2 對td設定邊框 3 對table和td技巧性設定 邊框 4 對table和td設定背景，實現完美 邊框 以下divcss5對以上幾種實現html 邊框樣式進行講解與案例演示。為了便於觀察，divcss5均設定所有案例 為1...