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

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

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

基本的な属性は、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 カウントダウン効果

推薦する

誰もが登録できるようにJiedaibaoを宣伝するにはどうすればよいでしょうか? ジエダイバオのプロモーション方法とスキル

借財宝は最近人気が出ている携帯電話ローンソフトウェアプラットフォームです。知人同士の貸し借りが特徴で...

VMware Workstation 15 Pro に Ubuntu 1804 をインストールするチュートリアル (画像とテキスト付き)

このメモはインストール チュートリアルです。実用的な意味はありません。記録のためだけに書いています。...

CSS スティッキーレイアウトを使用してヘッダーを上部に配置する方法

適用シナリオ:新しい要件の 1 つはアンケート調査を行うことですが、必然的に多くの質問が含まれ、1 ...

JavaScript バブルソートの例

目次1. バブルソートとは何か2. 例を挙げるラウンド1:第2ラウンド:第3ラウンド:第4ラウンド:...

ボタントリガーイベントを使用して背景色の点滅効果を実現します

背景色の点滅効果を実現するには、次のコードを <body> 領域に追加するだけです。コー...

three.js を使って立体的な矢印線を描く詳細な手順

需要: この需要は緊急に必要です!地下鉄のシーンでは、脱出経路を示す矢印を描かなければなりません。こ...

Vue3 のリアクティブ関数 toRef 関数 ref 関数の紹介

目次リアクティブ機能使用法: toRef 関数 (理解するだけ)使用法: ref関数レスポンシブデー...

Unix/Linuxフォークの隠れたオーバーヘッド

目次1. フォークの起源2. 初期のUNIXオーバーレイ技術3. UNIXに導入される前のフォークの...

HTMLのmarquee属性でテキストを踊らせる

構文: <marquee> …</marquee>モバイル属性マーキーを使用...

CSS3 フィルターの違いと応用の詳しい説明:ドロップシャドウフィルターとボックスシャドウ

標準 CSS3 を使用して要素の影の効果を実現するには、2 つの手順があります。1 つ目は一般的なb...

MySQLを使用して列内の異なる値の数をカウントする例

序文この記事で実装されている要件は、実際には非常に一般的です。たとえば、ユーザーが登録したチャネルを...

vue の webpack -v エラー解決の概要

XiaobaiはVueについて学び、次にwebpackについて学び、そしてさまざまなものをインストー...

MacBook 向け Python 3.7 インストール チュートリアル

MacBookにpython3.7.0をインストールする詳細な手順は、参考までに記録されています。具...

Linux で nginx を起動および再起動する方法

Nginx (エンジン x) は、IMAP/POP3/SMTP サービスも提供する高性能 HTTP ...

IDEA は MySQL への接続時にエラーを報告します。サーバーが無効なタイムゾーンを返します。タブに移動して serverTimezone プロパティを設定してください。

これからの道は常に困難で、棘だらけです。歯を食いしばって、乗り越えられると信じてください。さあ、さあ...