CSS は table_html/css_WEB-ITnose のスタイルを設定します-htmlチュートリアル-php.cn

CSS は table_html/css_WEB-ITnose のスタイルを設定します

WBOY

リリース： 2016-06-24 11:26:07

オリジナル

1259 人が閲覧しました

table タグは Web ページ内の複数の場所で使用されますが、現時点では、指定された table オブジェクトのスタイルの設定は CSS を通じて制御できます。実際、table タグを DIV タグとして使用して CSS をレイアウトおよび設定することを考えると、はるかに簡単になることがあります。

テーブルのスタイルを設定します

対応するテーブルの親スタイルに名前を付けて、オブジェクト内のテーブルスタイルを指定します

<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta charset="utf-8" /> <title>指定对象内table设置样式</title> <style> .manongjc{ width:400px} .manongjc table{ background:#CCC; color:#F00} .manongjc table td{ background:#FFF} </style> </head> <body> <div class="manongjc"> <table width="100%" border="0" cellspacing="1" cellpadding="0"> <tr> <td>内容一</td> <td>内容一</td> <td>内容一</td> </tr> <tr> <td>内容二</td> <td>内容</td> <td>内容</td> </tr> </table> </div> </body> </html>

ログイン後にコピー

上記は、CSS スタイルを設定するために親を介してテーブルと td を指定します。