ホームページ > 記事 > ウェブフロントエンド > divタグ内にtrテーブルがありますが、CSSのスタイルを設定するにはどうすればよいでしょうか？ _html/css_WEB-ITnose
divタグ内にtrテーブルがありますが、CSSのスタイルを設定するにはどうすればよいでしょうか？ _html/css_WEB-ITnose
- WBOYオリジナル
- 2016-06-24 12:11:441397ブラウズ
うわー
serverlist、serverinfo、servericon のスタイルを設定するにはどうすればよいですか? #subpage #serverlist{ } を使用しましたが、うまくいきませんでした。
ディスカッションに返信（解決策）
元のポスターテーブルタグが完成している必要があります。CSSを設定する前にタグを整理してください
元のポスターテーブルタグが完了している必要があり、CSSを設定する前にタグを整理してください
テーブルには ID が必要ですか?テーブルのIDがservertableであると仮定して、serverinfoとservericonのスタイルを設定するにはどうすればよいでしょうか?そして、テーブルはサーバーリストに影響を与えないはずです。
<div id="subpage"> <tr id="serverlist"> <table> <tr class='serverinfo'> <td class='servericon'> </td> <td> </td> <td></td> <tr> <td></td> <td> </td> <td> </td> </tr> </table> </tr> </table> </div>
そして、コードは読み書きしやすいように適切にインデントされています。
タグがネストされています
95d54e9583a1efd0ddcf23fbe223b888
e58a66d2bbae7595b107fa8e7353469c
ここの div のすぐ下に tr があるのはなぜですか?
HTML コード
fef50554eca1a427827adaa329da8122 100db36a723c770d327fc0aef2ce13b1
> lt;/title>
……
これで色は確かに設定できますが、位置はどうやって設定するのでしょうか？たとえば、左境界線との距離を 30px に設定した場合、margin-left を設定しても、padding-left を設定しても、機能しません
HTML タグを完了しないと、機能しません。 Web ページの構造を破壊します。 。 。
実際にコンテンツを保持するのは td であるため、td のスタイルを設定する必要があります。
実際にコンテンツを保持するのは td であるため、td のスタイルを設定する必要があります。
これに該当する場合:
<!DOCTYPE HTML><html> <head> <meta charset="gb2312" /> <title></title> <style> #subpage #serverlist{ color:red; } </style> </head> <body> <div id="subpage"> <table> <tr id="serverlist"> <td> <table> <tr class='serverinfo'> <td class='servericon'> </td> <td> </td> <td>123</td> <tr> <td>123</td> <td> </td> <td> </td> </tr> </table> </td> </tr> </table> </div> </body></html> クラスservericonのtd要素のmargin-leftを30pxに設定したいのですが、どうすればこれを実現できますか?
元の投稿者: margin は外側のマージン、padding は内側のパディングです
ここでのサーバーアイコンの左マージンの設定は、独自のパディングを設定するか、親 DOM td または table または div のパディングを設定することで実現できます