ホームページ  >  記事  >  ウェブフロントエンド  >  HTMLでの表の枠線設定のまとめ

HTMLでの表の枠線設定のまとめ

黄舟
黄舟オリジナル
2017-06-05 17:25:384017ブラウズ

私たちが日々の仕事をする上で、Webの開発は欠かせませんが、その中でもフロントエンドでもバックエンドでもHTMLは欠かせません、HTMLにおけるテーブルの境界線については皆さんよくご存知だと思いますのでまとめておきます。今日はテーブルの枠線設定についてまとめました!

HTMLの表枠設定:

1.HTMLの表枠プロパティ

HTMLでの表の枠線設定のまとめ

この記事では、HTMLの表枠プロパティについて詳しく紹介します。 html 表と表の初心者にとって非常に役立ち、表の枠線についてある程度理解することができます!

2.テーブルの境界線の重なりによるセルの境界線の幅の問題

コメントで他の人が書いたCSSを偶然見ましたが、テーブル要素の境界線が折りたたまれている(折りたたむ、重なる、どの言葉ですか)と書かれていました。適切ですか?) 同時に、ブラウザーごとにセルの境界線の計算方法が異なるため、FF と Webkit の境界線の折りたたみの違いに関するリンク アドレスをコメントに書きました。頑固な技術者にとって、何が起こっているのかを知るのは非常に困難です。もう眠れない。

3.HTMLでの表の枠線の設定

この記事は、HTMLでの表の枠線の設定を2つの方法で説明していますので、多くの人が一目で理解できると思います。とても良い記事です!

4.表の枠線の使い方のまとめ、表示したい枠線のみを表示

HTMLでの表の枠線設定のまとめ

基本的な属性は、width(幅)、height(高さ)、border(枠線の値)、cellspacing( inner table) width、つまりテーブルと tr の間の距離)、cellpadding (テーブル内の要素間の距離、つまり tr と tr の間の距離)、bordercolorlight (テーブルの明るい境界線の色)、bordercolordark (表の濃い枠線の色)、bgcolor (表の背景色)、background (表の背景画像)、bordercolor (表の枠線の色)

5.テーブルの使い方マウスを上に移動してセルの境界線の色を変更します

HTMLでの表の枠線設定のまとめ

テーブルは境界線を定義します -collapse:collapse; 境界線は 1 つの境界線に結合されます。 border-spacing プロパティと empty-cells プロパティは無視されます。

テーブルの境界線に関する質問と回答:

1.html - CSS この種の境界線を追加するにはどうすればよいですか?

2.html5 - CSS3 境界線のグラデーションと色の問題について教えてください。 some advice

3 .html5 - CSSで書いた六角形に枠線の影を付ける方法

【おすすめ関連記事】:

1.マウススタイルを実装する方法まとめhtmlとcss

2.HTMLにcssスタイルを導入する方法まとめ

3.6 div+cssページレイアウト入門チュートリアルと使用例まとめ

以上がHTMLでの表の枠線設定のまとめの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。