• ベストアンサー
※ ChatGPTを利用し、要約された質問です(原文:padding 一つにまとめるには?css)

CSSで一つにまとめるには?

このQ&Aのポイント
  • cとdの行のtdタグの表の幅を1行のCSSで設定する方法を教えてください。
  • tableやtrでは幅の設定が上手くできないため、thやtdに個別にpaddingを設定する必要があります。
  • 添付画像のような理想の形にするためには、thとtdにpaddingを指定して個別に設定する必要があります。

質問者が選んだベストアンサー

  • ベストアンサー
  • coai
  • ベストアンサー率50% (152/301)
回答No.1

th, td{padding:10;}

phmjtathtahi
質問者

お礼

ありがとうございます。

その他の回答 (1)

回答No.2

質問者さんが書いたHTMLを、もう少し細かく分解してみました。このサイトでは半角スペースが使えないようなので、申しわけありませんが全角スペースを使っています。もし真似される場合は、行頭の全角スペースを半角に直してください。 <table border="1">  <tr>   <th>a</th>   <th>b</th>  </tr>  <tr>   <td>c</td>   <td>d</td>  </tr> </table> これをご覧いただくとわかると思いますが、aとbは<th></th>のなかに、そしてcとdは<td></td>のなかに入っていますね。だからこそ、<th>と<td>に対してCSSを書いてあげるわけです。反対に、<tr>は<th>や<td>の外側にあるため、ここにCSSを書いてもうまく動きません。また、<table>に書いてしまうと、一番外側のボックス(a, b, c, dを囲っている、一番外側の四角形)に対してCSSを書いていることになります。 したがって<th>と<td>に対して、 th{padding:10;} td{padding:10;} と書いてあげるのが正しいわけです。 もし一行でまとめたい場合は、1番さんのように th, td { padding: 10; } と書いてください。th, tdとコンマで区切ってあげると、複数のHTML要素に対してCSSを指定できます。

参考URL:
http://htmq.com/selector/selectors.shtml
phmjtathtahi
質問者

お礼

ありがとうございます。

関連するQ&A

専門家に質問してみよう