テーブルは背景画像を設定し、100％のソリューションを表示できません

著者：Eve Cole 更新時間：2025-05-22 05:00:03

コメント：テーブルの背景画像を表示できません100％は頭痛です。幸いなことに、私はオンラインで解決策を見つけました。困っている友達はそれを参照できます。

開発中に次の状況が見つかりました。

（1）ファイルが.jspファイルの接尾辞の形で保存されている場合、コードは次のとおりです（index.jsp）：

コードは次のとおりです。

<％@page contentType = text/html; charset = utf-8ページエンコード= utf-8言語= java％>

<！doctype html public - // w3c // dtd xhtml 1.0 transitional // en http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd>

<head>

<メタhttp-equiv = content-type content = text/html; charset = utf-8 />

<title>テーブルを100％表示します</title>

</head> </p> <p> <ボディスタイル=背景：＃9c9;>

<tr>

</tr>

</table>

</body>

</html>

プログラムが実行された後、ページに表示される効果を以下の図に示します。

この効果には2つの間違った場所があります。

（1）中央のTDの背景は、TD全体をカバーしていません。

（2）テーブル幅全体が画面全体を埋めません。

私は困惑し、とても落ち込んでいた！！背景では、テーブルに境界= 0を追加してみてください。上の図に示すように、効果はまだあります。 0から1を変更して、テーブルが画面全体を埋めることを確認し、下の図に示すようにTDも背景で覆われていますが、テーブルの境界は私が望むものではありません。

上記の方法が根本的に問題を解決できないことがわかった。

次に、テーブル内の3つのTDを比較して、2番目のTDにコンテンツがないことがわかりました。したがって、2番目のTDのコンテンツを入力しようとしましたが、コードは次のとおりでした。

<tr>

<td style = background：url（img/bg-header_c.gif）Repeat-x;> 2番目のTDはコンテンツを追加します</td>

</tr>

</table>

コードを実行した後の効果は基本的に最終結果と一致しており、操作効果は次のとおりです。

以下はコードの少し調整です。完全なコードは次のとおりです。

コードは次のとおりです。

<％@page contentType = text/html; charset = utf-8ページエンコード= utf-8言語= java％>

<！doctype html public - // w3c // dtd xhtml 1.0 transitional // en http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd>

<head>

<メタhttp-equiv = content-type content = text/html; charset = utf-8 />

<title>テーブルを100％表示します</title>

</head>

<ボディスタイル=背景：＃9C9;>

<tr>

</tr>

</table>

</body>

</html>

最終効果を以下の図に示します。