テーブルはセルとimg画像を結合してtd HTML全体を埋めます

テーブルはセルとimg画像を結合してtd HTML全体を埋めます
ソースコード(一部のクラスは削除されています):

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

<テーブル>
<頭>
<tr><th colspan=2 >購入者: Yimai</th></tr>
</thead>
<t本文>
<tr>
<td 行スパン=4 >
<img src="../img/103.jpg" 幅="100%" 高さ="100%">
</td>
<td >アイテム名: モバイルパワー</td>
</tr>
<tr><td >単価: ¥28 元</td></tr>
<tr><td >数量: <input type="text" id="goods_number" ></td></tr>
<tr><td >販売者: Yi Damai</td></tr>
</tbody>
<tfoot>
<tr>
<td>お支払い方法:
<クラスを選択="w100">
<option value ="e">仮想アカウント</option>
<option value ="r">現金口座</option>
<option value="b">オンラインバンキング</option>
</選択>
</td>
<td>合計金額: <span id="total_price">0</span> 1 万元</td>
</tr>
</tfoot>
</テーブル>

効果画像:


セル - 行結合 (rowspan)
セル - 列結合 (colspan)
画像は<td>を埋めます - 幅と高さを100%に設定します

<<:  オンラインMySQL自動増分IDが使い果たされた場合の対処方法

>>:  ccs3に基づくタイムライン実装方法

推薦する

Windows 10 に付属する仮想マシンのネットワークを設定するための詳細な手順 (グラフィック チュートリアル)

1. サーバー ホストをクリックし、右側の操作リストで [仮想スイッチ管理] をクリックして、仮想...

VueでTypescriptの設定手順を使用する

目次1. TypeScriptが古いVueプロジェクトに導入されるVue+Typescript プロ...

ウェブページの内部アンカーポイントを実現するための純粋なCSSの上下オフセットコード例

最近、「フットボール ナビゲーション」Web サイトに取り組んでいるときに、上部の固定ナビゲーション...

ウェブページ作成における絶対パスと相対パスの違い

1. 絶対パスまず、ローカル コンピューターでは、ファイルの絶対パスは、当然、ハード ディスク上でフ...

WeChatアプレットが左右連携を実現

この記事では、WeChatアプレットの左右連動を実現するための具体的なコードを参考までに紹介します。...

PHPのmail()関数を使用してメールを送信する

PHPのメール関数を使用してメールを送信するmail()関数はメールサーバーに接続し、サーバーと対話...

Linuxでホスト名を変更する方法

1. 現在のホスト名を表示する [root@fangjian ~]# ホスト名ctl 静的ホスト名:...

MySQLの明示的な型変換の簡単な分析

CAST関数前回の記事では、型変換を表示するために使用する CAST 関数について説明しました。暗黙...

ウェブサイト制作におけるオンライン広告の新しいインタラクティブ体験(グラフィックチュートリアル)

インターネット時代が成熟するにつれて、オンライン広告の発展も加速しています。圧倒的な広告収入と完璧な...

Linux nohup はプログラムをバックグラウンドで実行し、表示します (nohup と &)

1. バックグラウンド実行一般的に、Linux 上のプログラムは .sh ファイル (./sh フ...

docker-compose を使用して Clickhouse をすばやくデプロイする方法のチュートリアル

ClickHouse は、オープンソースの列指向 DBMS (Yandex によって開発) です。 ...

ファイルのダウンロードを実現する javascript Blob オブジェクト

目次例示する1. ブロブオブジェクト2. フロントエンド3. バックエンド要約する例示する最近、ファ...

Docker デプロイメント Springboot プロジェクト例の分析

この記事は主に、docker デプロイメント springboot プロジェクトのサンプル分析を紹介...

MySQL 5.7.18 winx64 のインストールと設定方法のグラフィックチュートリアル

圧縮パッケージのインストールは、mysql-5.7 以降、大幅に変更されました。この記事では、mys...

dockerコンテナがIP経由でホストマシンにアクセスできない問題を解決する方法の詳細な説明

問題の起源docker を使用する場合、残念ながら docker コンテナ内のホストのポート 80 ...