- ベストアンサー
スタイルシートの書き方
- スマートなスタイルシートの書き方について詳しく教えてください。
- テーブルを含むHPのスタイルシートの作成方法について教えてください。
- 自己流な部分があるかもしれないので、指摘していただければと思います。
- CSS
- 回答数2
- ありがとう数3
- みんなの回答 （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; }
その他の回答 (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
お礼
丁寧に教えていただいて、ありがとうございます。 色んなHPを見たり本を読んだりして得た知識をつぎはぎしただけなので「変かも・・・」と思いながら使ってます；； 教えていただいたもので試してみたところ、左側のAAAという文字が入ったセルの枠線がありませんでした。 数字をいじってみたりしたのですが、どうにもお手上げです。 よろしければまた教えてください。
お礼
あ～、これを足したら枠線が出てきました。驚き。 これが細い線になるかと試行錯誤してみたもののならない；難しいものですね。 とにかくありがとうございました！！助かりました。