- ベストアンサー
※ ChatGPTを利用し、要約された質問です（原文：padding 一つにまとめるには？css）
CSSで一つにまとめるには？
このQ&Aのポイント
- cとdの行のtdタグの表の幅を1行のCSSで設定する方法を教えてください。
- tableやtrでは幅の設定が上手くできないため、thやtdに個別にpaddingを設定する必要があります。
- 添付画像のような理想の形にするためには、thとtdにpaddingを指定して個別に設定する必要があります。
- phmjtathtahi
- お礼率93% (30/32)
- HTML
- 回答数2
- ありがとう数2
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
th, td{padding:10;}
その他の回答 (1)
- Katsu_Kaiz
- ベストアンサー率58% (345/586)
回答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;} と書いてあげるのが正しいわけです。 もし一行でまとめたい場合は、１番さんのように th, td { padding: 10; } と書いてください。th, tdとコンマで区切ってあげると、複数のHTML要素に対してCSSを指定できます。
質問者
お礼
ありがとうございます。
お礼
ありがとうございます。