表格單元格中的CSS無邊框背景圖像

我有一行表格用於在網頁頂部顯示標題。該表格有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像素邊框

來源

2014-12-03 Alexander

你確定你沒有cellpadding和cellpacing在該表中？ – Legionar 2014-12-03 09:39:11

你能創建一個小提琴的例子嗎？ – Nick 2014-12-03 09:42:12

將'cellpadding =「0」'添加到您的'

'標籤。 – 2014-12-03 09:45:06

回答

添加cellpadding="0"您<table>標記一些幫助。

或者，你想用CSS來做到這一點，使用下面的CSS規則：

table td, 
table th{ 
    padding: 0; 
}

來源

2014-12-03 09:49:02

第一，點此圖像。秒，可以加上這個

border:hidden;

中的表格樣式屬性。

三，這個問題是否出現在所有瀏覽器中？

來源

2014-12-03 09:52:54

相關問題