0
我有一行表格用於在網頁頂部顯示標題。該表格有3個單元格,左側和右側都有靜態圖像。重複中間的圖像以填充屏幕的寬度。這裏是我使用的代碼:表格單元格中的CSS無邊框背景圖像
<table style="width: 100%; border-collapse: collapse;">
<tr height="80" width="100%">
<td style="background-repeat:no-repeat; border:none" background="/images/left.png" width="690" />
<td style="background-repeat:repeat-x; background-position:middle" background="/images/middle.png" />
<td style="background-repeat:no-repeat; border:none" background="/images/right.png" width="190" />
</tr>
</table>
我想要實現的是3個圖像整齊排列,沒有任何邊界。不幸的是,上面的代碼不起作用。雖然大部分邊界都消失了,但左右表單元格中的圖像右側仍然有一條1像素的線條。
從左到右,圖像大小分別爲690x80,1x80和190x80,並且與單元格的大小相匹配,因此無法看到線條爲何存在。
將不勝感激擺脫兩個1像素邊框
你確定你沒有cellpadding和cellpacing在該表中? – Legionar 2014-12-03 09:39:11
你能創建一個小提琴的例子嗎? – Nick 2014-12-03 09:42:12
將'cellpadding =「0」'添加到您的'
回答
添加
cellpadding="0"
您<table>
標記一些幫助。或者,你想用CSS來做到這一點,使用下面的CSS規則:
來源
2014-12-03 09:49:02
第一,點此圖像。 秒,可以加上這個
中的表格樣式屬性。
三,這個問題是否出現在所有瀏覽器中?
來源
2014-12-03 09:52:54
相關問題