ホームページ > 記事 > ウェブフロントエンド > CSS は table_html/css_WEB-ITnose のスタイルを設定します
CSS は table_html/css_WEB-ITnose のスタイルを設定します
- WBOYオリジナル
- 2016-06-24 11:26:071265ブラウズ
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 を指定します。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。