テーブルの背景とTDを設定してテーブルの境界線を実現する方法

テーブルのスタイルを設定する方法について多くの友人が非常に心配しています。今日は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">

表の TD 背景を白に設定します

CSS コード:

<style> 
.table-d table{ background:#F00} 
.table-d table td{ background:#FFF} 
/* 
css注释：设置table背景为红色，td背景为白色 */ 
</style>

対応するHTMLソースコード:

 
<table width="400" border="0" cellspacing="1" cellpadding="0"> 

站名	网址	说明
DIVCSS5	www.divcss5.com	CSS学习
CSS5	www.css5.com.cn	CSS切图