テーブルの一部の文字を小さくする方法

2015/04/12 20:19

このQ&Aのポイント

テーブルの一つのtdタグだけ、文字を小さくしたい場合は、この方法でいいのでしょうか？
HTMLのスタイルシートを使用して、テーブルの特定のtdタグ内の文字サイズを小さくする方法について教えてください。
テーブル内の特定のセルの文字サイズを変更するには、HTMLのスタイルシートのセレクタを使用して、対象のセルに適用するスタイルを指定します。

guokfuhoc
お礼率87% (36/41)

CSS
回答数3
ありがとう数4

みんなの回答 （3）
専門家の回答

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

ベストアンサー

noname#249914

2015/04/13 09:45 回答No.3

ご質問者様の方法だと、常にPタグのフォントサイズが小さくなってしまいます。特定のtdタグだけ、フォントサイズを小さくしたい場合は、たとえば、以下のようなやり方が良いと思います。 <html> <head> <title></title> <STYLE type="text/css">  </STYLE> </head> <body> <table border=1 cellspacing=1 cellpadding=1> <tr><td>普通</td><td>普通</td></tr> <tr><td>普通</td><td class='small'>test</td></tr> </table> </body> </html> これを参考に、小さくしたいtdタグは、<td class='small'>とクラスを振ってください。

質問者

お礼 2015/04/25 09:37

ありがとうございました。

ログインすると、全ての回答が全文表示されます。

その他の回答 (2)

noname#206842

2015/04/12 23:06 回答No.2

<table border=1 cellspacing=1 cellpadding=1> <tr><td>普通</td><td>普通</td></tr> <tr><td>普通</td><td><p>test</p></td></tr> </table> この様に、<td></td>の中に<p></p>は書かないでしょう？・・・タグの意味が理解できていないのでは？・・・＜ｐ＞は、パラグラフ（段落ですよ）テーブルの中の、一部に適応させるのであれば、<td class="text_small">というような、クラスを使わないと・・・ CSS: .text_small{font-size:0.8em;} など、の表記になるのでは？・・・ <table border=1 cellspacing=1 cellpadding=1> <tr><td>普通</td><td>普通</td></tr> <tr><td>普通</td><td class="text_small">test</td></tr> </table> セレクタの意味を、きちんと理解した上で、マーキングしないと、ブラウザに、表示されている状態だけでは、文章構造的におかしくなりますよ！

質問者