0

Web ページの上にヘッダーを表示するために使用する 1 行のテーブルがあります。テーブルには、左右に静止画像を含む 3 つのセルがあります。画面の幅いっぱいに、中央の画像が繰り返されます。私が使用しているコードは次のとおりです。

<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 で、セルのサイズと一致しているため、線が存在する理由がわかりません。

2 つの 1 ピクセルの境界線を取り除くための助けをいただければ幸いです

4

2 に答える 2

1

タグに追加cellpadding="0"します。<table>

または、CSS でこれを行いたい場合は、次の CSS ルールを使用します。

table td,
table th{
    padding: 0;
}
于 2014-12-03T09:49:02.227 に答える
0

まず、あなたの画像をひよこしてください。次に、これを追加できます

border:hidden;

テーブル スタイルのプロパティで。

第三に、この問題はすべてのブラウザで発生しますか?

于 2014-12-03T09:52:54.047 に答える