如何設定table中td的高度為1px,設定tabletd1px
在製作edm時會遇到需要設定td的高度為1px,如果td標籤中有 時無論你怎麼設定td的高度都沒用,最小高度都是18px,
這時需要把表格中的 去掉。例:
原來是這樣的:
<tr>
<td width="20" height="1"> </td>
<td width="607" > </td>
<td width="20" > </td>
</tr>
需要改成下面這樣:
<tr>
<td width="20" height="1"></td>
<td width="607" ></td>
<td width="20" ></td>
</tr>
把td中的 去掉,問題解決。
html的table表格,我把它設定為2行1列,其中一行高度為1px,
<tr>
<td height="1">nbsp;</td>
</tr>
去掉<td></td>之間的空格( nbsp;)就可以了,我沒打&
[急]用table做網頁,設定了border為1px怎還是覺得很粗?
因為邊框預設1px就是那麼粗的 所以需要細邊框的話可以用別的方法實現
設定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為{border-collapse:collapse;border:none;},再設定td的CSS為{border:solid #000 1px;},大功告成!而且Word也能認出這種設定。
樣式表如下:
table#border{
border-top:#000 1px solid;
border-left:#000 1px solid;
}
table#border td{
border-bottom:#000 1px solid;
border-right:#000 1px solid;
}
然後再要加邊框的html檔案中加上
<table id="border" border="0" cellspacing="0">
其中CSS中的table表示修飾的對象是table,#表示這是一個ID