表には表示したい境界コードが表示されます

表には表示したい境界コードが表示されます

テーブルの共通プロパティ

基本的な属性は、width (幅)、height (高さ)、border (境界線の値)、cellspacing (テーブルの内部幅、つまりテーブルと tr の間隔)、cellpadding (テーブル内の要素間の間隔、つまり tr と tr の間隔)、bordercolorlight (テーブルの明るい境界線の色)、bordercolordark (テーブルの暗い境界線の色)、bgcolor (テーブルの背景色)、background (テーブルの背景画像)、bordercolor (テーブルの境界線の色) です。

表の内部区切り線のプロパティ

3 つの値 (cols、rows、none) を持つパラメータ ルールが使用されます。

rules=cols の場合、表の水平区切り線は非表示になり、表の列のみが表示されます。

ルール = 行の場合、垂直の区切り線は非表示になり、表の行のみが表示されます。

ルールが none の場合、垂直および水平の区切り線は非表示になり、表の外枠のみが表示されます。

表の外側の区切りのプロパティ

テーブルの外側の境界線の表示と非表示は、frame パラメータによって制御できます。注意: これはテーブルの外側の境界線にのみ適用され、内部の端や線には適用されません。

上の境界線のみを表示する <table frame=above>

下の境界線のみを表示する <table frame=below>

左と右の境界線のみを表示する <table frame=vsides>

上と下の境界線のみを表示します <table frame=hsides>

左の境界線のみを表示する <table frame=lhs>

右の境界線のみを表示する <table frame=rhs>

境界線を表示しない <table frame=void>

XML/HTML コードコンテンツをクリップボードにコピー
  1. <  summary = "学生番号、名前、連絡先、住所を含む学生リスト。" >   
  2.      <キャプション>生徒リスト</キャプション>   
  3.      <スレッド>   
  4.          <番目 スコープ= " col " >数値</th>   
  5.          <番目 スコープ= " col " >名前</th>   
  6.          <番目  scope = "col" >連絡先電話番号</ th >   
  7.          <番目  scope = " col " >アドレス</th>   
  8.      </スレッド>   
  9.      < tfoot >   
  10.          < td   colspan = "4" >クラス教師: </ td >   
  11.      </ tfoot >   
  12.      < tボディ>   
  13.          < tr >   
  14.              < td > 1 </ td >   
  15.              < td >ジャムソン</ td >   
  16.              < td > 123-45678 </ td >   
  17.              < td > XX市XX区XX番地</ td >   
  18.          </tr>   
  19.          < tr >   
  20.              < td > 2 </ td >   
  21.              < td >グレース</ td >   
  22.              < td > 123-45678 </ td >   
  23.              < td > XX市XX区XX番地</ td >   
  24.          </tr>   
  25.          < tr >   
  26.              < td > 3 </ td >   
  27.              < td >めまい</ td >   
  28.              < td > 123-45678 </ td >   
  29.              < td > XX市XX区XX番地</ td >   
  30.          </tr>   
  31.      </ tbody >   
  32. </>       

<<:  MySQL マスタースレーブレプリケーションの実装手順

>>:  CSS3 カウントダウン効果

推薦する

16 の XHTML1.0 と HTML の互換性ガイドラインの概要

1.ページを XML タイプとして宣言しないでください。ページでは UTF-8 または UTF-16...

フラットスタイルを使用してウェブサイトをデザインする方法

フラットなウェブサイト構造の本質はシンプルさです。コンテンツの重要なポイントを強調し、ページの装飾効...

Vue は QR コード スキャン機能を実装します (スタイル付き)

必要: vue を使用して QR コードのスキャンを実現します。プラグイン: QRコードリーダー;プ...

vue.js でよく使われる v 命令の解析

目次Vue でのモデルバインド表示の if の v-text の説明v-html: v-オンv-if...

あなたをエキスパートに見せるための 13 個の JavaScript ワンライナー

目次1. ランダムなブール値( true / false )を取得する2. 指定された日付が営業日で...

純粋なCSSを使用してスイッチ効果を実現する

まずアイデアはこの効果を実現するには、 <input type="checkbox&...

MySQL で結果を選択して更新を実行する例のチュートリアル

1. 単一テーブルクエリ -> 更新 テーブル名の更新 フィールド1=新しい値1、フィールド2...

Nginx ログのカスタマイズとログ バッファの有効化の詳細な説明

序文ウェブサイトのアクセス元をカウントしたい場合は、PHP を使用して情報を取得してデータベースに記...

Alibaba Cloud OSS アクセス権設定(RAM 権限制御)実装

シナリオmyBuket の static/material/ ディレクトリなど、Alibaba Cl...

PID を作成できないために MySQL が起動できない問題を解決する方法

問題の説明MySQL 起動エラー メッセージは次のとおりです。 mysqld を起動します (sys...

Linuxの運用・保守の基礎知識から上級者向け知識までをまとめました

運用保守エンジニアは、初期段階では非常に大変な仕事です。この期間中、コンピューターの修理、ネットワー...

rem をモバイル デバイスに適応させる方法の例

序文モバイル端末のREM適応ソリューションのレビューと概要remの使い方rem 単位の計算は、HTM...

Raspberry PiにDockerをインストールする方法

Raspberry Pi は ARM アーキテクチャをベースとしているため、Docker のインスト...

Linux で起動時にプログラムを自動的に実行させる最も簡単な方法

たくさん集めましたが、すべて失敗に終わりました。最終的に、この方法は優れており、使用に影響を与えない...

Vue+EChartsは、中国の地図の描画と省の自動回転と強調表示を実現します。

目次成果を達成する完全なコード + 詳細なコメントまとめ成果を達成する完全なコード + 詳細なコメン...