• ベストアンサー
※ ChatGPTを利用し、要約された質問です(原文:スタイルシートの書き方)

スタイルシートの書き方

このQ&Aのポイント
  • スマートなスタイルシートの書き方について詳しく教えてください。
  • テーブルを含むHPのスタイルシートの作成方法について教えてください。
  • 自己流な部分があるかもしれないので、指摘していただければと思います。

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

  • ベストアンサー
noname#10926
noname#10926
回答No.2

#1です。 background-color : #000000; ↑を追加ですね。 .a{ width : 500px; padding-top : 0px; padding-left : 0px; padding-right : 0px; padding-bottom : 0px; margin-top : 0px; margin-left : 0px; margin-right : 0px; margin-bottom : 0px; background-color : #000000; }

noname#6285
質問者

お礼

あ~、これを足したら枠線が出てきました。驚き。 これが細い線になるかと試行錯誤してみたもののならない;難しいものですね。 とにかくありがとうございました!!助かりました。

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

その他の回答 (1)

noname#10926
noname#10926
回答No.1

<TABLE border="0" width="500" cellspacing="1" cellpadding="2"> <TBODY> <TR> <TD bgcolor="#ffffff" width="150">AAA</TD> <TD bgcolor="#000000"></TD> </TR> </TBODY> </TABLE> ↑でいいんじゃないですか? スタイルシートの記述方法はいろいろありますが、 外部ファイルなども使用できますね。 とりあえずclass(外部ファイルではありません)で指定するとこんな感じで↓ <HEAD> <STYLE type="text/css"> <!-- .a{ width : 500px; padding-top : 2px; padding-left : 2px; padding-right : 2px; padding-bottom : 2px; margin-top : 1px; margin-left : 1px; margin-right : 1px; margin-bottom : 1px; border-width : 0px 0px 0px 0px; } .b{ width : 150px; background-color : white; } .c{ background-color : black; } --> </STYLE> </HEAD> <BODY> <TABLE class="a"> <TBODY> <TR> <TD class="b">AAA</TD> <TD class="c"></TD> </TR> </TBODY> </TABLE> ↓ここでスタイルシートを勉強されると良いと思います。 http://tohoho.wakusei.ne.jp/css/basic.htm

参考URL:
http://tohoho.wakusei.ne.jp/css/basic.htm
noname#6285
質問者

お礼

丁寧に教えていただいて、ありがとうございます。 色んなHPを見たり本を読んだりして得た知識をつぎはぎしただけなので「変かも・・・」と思いながら使ってます;; 教えていただいたもので試してみたところ、左側のAAAという文字が入ったセルの枠線がありませんでした。 数字をいじってみたりしたのですが、どうにもお手上げです。 よろしければまた教えてください。

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