HTML テーブルの境界線を設定する際のヒント

HTML テーブルの境界線を設定する際のヒント

HTML を初めて使用する多くの人にとって、テーブル <table> は最もよく使用されるタグですが、多くの初心者はテーブルの境界を制御する方法をよく理解していません。

一般的に、テーブルを使用する場合は、常に <table border="1"> などの border 属性を指定します。その効果は次のようになります。

HTML を初めて使用する多くの人にとって、テーブル <table> は最もよく使用されるタグですが、多くの初心者はテーブルの境界を制御する方法をよく理解していません。

一般的に、テーブルを使用する場合は、常に <table border="1"> などの border 属性を指定します。その効果は次のようになります。

しかし、幅は想像していたほど広くなく、たった 1 ピクセルの幅しかないようです。実際、上の画像で見られる幅は 2 ピクセルです。なぜでしょうか? これは、<td> 間の境界線が重なっていないためです。テーブルの border-collapse プロパティを変更するだけです。

それは<table border="1px" cellspacing="0px" >です

表に色を追加します。<table border="1px" bordercolor="#000000" cellspacing="0px" >

HTML テーブル境界の設定に関する上記のヒントは、エディターが皆さんと共有するすべての内容です。皆さんの参考になれば幸いです。また、123WORDPRESS.COM を応援していただければ幸いです。

<<:  MySQL における引用符とバックティックの違いと使い方の詳細な説明

>>:  Centos7 で yum を使用して Ceph 分散ストレージをインストールするチュートリアル

推薦する

Vue シングルページ SEO の 4 つのソリューションについての簡単な説明

目次1.Nuxtサーバーサイドレンダリングアプリケーションの展開(SSRサーバーレンダリング)利点:...

AWS無料サーバーアプリケーションとネットワークプロキシ設定チュートリアルの詳細な説明

目次予防必要条件AWSアカウントを申請する仮想マシンの申請と有効化仮想マシンを申請するセキュリティグ...

MySQL テーブルスペースのリカバリに対する正しいアプローチについての簡単な説明

目次予備的注釈問題の再現データ削除の原則データの再利用どの操作がデータホールの原因になりますか?表領...

Ubuntu 16.4 で完全に分散された Hadoop 環境を構築するための実践的なチュートリアル

序文この記事は主にubantu 16.4 Hadoop完全分散構築に関する関連コンテンツを紹介し、皆...

ウェブページレイアウトデザインのシンプルな原則

この記事では、Web ページ レイアウト デザインのいくつかの簡単な原則をまとめ、Web ページ デ...

モバイルインターネット時代: レスポンシブウェブデザインが一般的なトレンドに

今はモバイルインターネットが急速に発展している時代です。スマートフォンやタブレットはますます普及し、...

ブラウザ間の hr 区切り文字の違い

Webページを作るときに、区切り線hrを使うことがありますが、IE6やIE7で表示するのは非常に苦痛...

MySQL 30軍事ルールの詳細な説明

1. 基本仕様(1)InnoDBストレージエンジンを使用する必要があります。解釈:トランザクション、...

Zabbix と bat スクリプトを組み合わせて複数のアプリケーションの状態を監視する方法

シナリオシミュレーション:国内企業の中には、重要な業務をサポートするために特定のウィンドウ プログラ...

要素テーブルの多層ネスト表示の実践

複数の注文を含むリストが必要です。各注文は一意にすることも、複数の注文を結合することもできます。各注...

ウェブデザインのためのロイヤルブルーのカラーマッチング入門

古典的な色の組み合わせは力と権威を伝え、強いロイヤルブルーはあらゆる古典的な色の組み合わせの中心的な...

{{ }} で関数を直接使用する WeChat アプレットの例

序文WeChat アプレット開発 (ネイティブ wxml、wxcss) で、{{ }} 内で直接メソ...

webpackコード断片化の実装

目次背景コモンズチャンクプラグイン分割チャンク構成リソースを非同期に読み込む要約する背景高性能なアプ...

同じドメイン名を持つ Nginx プロキシのフロントエンドとバックエンドの分離プロジェクトの完全な手順

フロントエンド プロジェクトとバックエンド プロジェクトは分離されており、フロントエンドとバックエン...

XHTML チュートリアル: 初心者のための XHTML の基礎

<br />当サイトのオリジナルコンテンツですので、転載の際は出典を123WORDPRE...