テーブルの背景とTDを設定してテーブルの境界線を実現する方法
リリース： 2017-11-20 17:43:46
テーブルのスタイルを設定する方法について多くの友人が非常に心配しています。今日はCSSテーブルのスタイルを設定する方法を詳しく説明します。テーブルのみの境界線を設定する方法です。 td の境界線、および table と td の境界線の設定 ここでは、テーブルの境界線を実現するために table と td の背景を設定する方法を説明します。これを読んで何かを得ることができれば幸いです。
最初に表の
CSS背景を赤に設定します
次に表のセル間の間隔を1に設定します
DWソフトウェアを使用して表のセル間隔を1に設定します。最初に、特定のDWソフトウェアの視覚化操作手順を簡単に説明します。 (表示モード)を選択した場合 フォーム作成後、対応するDWソフト編集画面の下部に「プロパティ」パネルが表示され、対応するテーブル
テーブルプロパティの設定場所が表示されるので「間隔」を記入していきます。 「1」。この時点で、テーブル ラベルのセル間隔の値が「1」(cellspacing="1") であることがわかります。
DW ソフトウェアを使用して表のセル間の間隔を設定するか、
タグに cellpacing="1" を直接設定すると、次の結果が得られます: <table width="400" border="0" cellspacing="1" cellpadding="0">
ログイン後にコピー
<style>
.table-d table{ background:#F00}
.table-d table td{ background:#FFF}
/*
css注释：设置table背景为红色，td背景为白色 */
</style>ログイン後にコピー
<table width="400" border="0" cellspacing="1" cellpadding="0">
| 站名 |
网址 |
说明 |
| DIVCSS5 |
www.divcss5.com |
CSS学习 |
| CSS5 |
www.css5.com.cn |
CSS切图 |
ログイン後にコピー
テーブルの境界線スタイルを実装する合計4つの方法をまとめました。テーブルの境界線スタイルを解決するには、3番目と4番目の方法を使用することをお勧めします。私たちの方法がすべての人に役立つこと、そしてあなたがそれを習得し、必要に応じて柔軟に使用できることを願っています。
関連読書:
テーブルとtdにテーブルの境界線を上手に設定する方法
CSSを使用してtdに境界線を設定する方法
CSSを使用してtdにのみ境界線を設定する方法テーブルラベル
以上がテーブルの背景とTDを設定してテーブルの境界線を実現する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
