- ベストアンサー
タグに直接書き込むスタイルシートを、外部あるいはページ内にわけるには？
下記テンプレートソースですが、タグに直接書き込むスタイルシートになっています。 このソースを、外部あるいはhead内に設定するには、どういうわけ方をしたらいいですか？ いろいろ自分で試したのですが、うまく表示されません宜しくお願いします。 <table><tbody><tr><td> <div style="border:1px solid #ff6699;background:#ffcccc;font-size:13px"><div style="padding:3px" align="center"> ＊ ここにタイトル ＊ </div><div style="border-top:1px solid #ff6699;background:#fff;padding:10px" align="left"> ＊ ここに本文 ＊ </div></div> </td></tr></tbody></table>
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
- ベストアンサー
●head内に設定するには <head> <STYLE type="text/css"><!-- BODY{padding:3px;} .st1{border:1px solid #ff6699;background:#ffcccc;font-size:13px;} .st2{border-top:1px solid #ff6699;background:#fff;padding:10px} --></STYLE> </head> <body> <table><tbody><tr><td> <div class="st1" align="center"> ＊ ここにタイトル ＊ <div class="st2" align="left"> ＊ ここに本文 ＊ </div></div> </td></tr></tbody></table> </body> ●外部ファイルにするには BODY{padding:3px;} .st1{border:1px solid #ff6699;background:#ffcccc;font-size:13px;} .st2{border-top:1px solid #ff6699;background:#fff;padding:10px} ここまで外部ファイルにする⇒例：style.css <head> <LINK rel="stylesheet" href="style.css" type="text/css"> </head>
その他の回答 (1)
- steel_gray
- ベストアンサー率66% (1052/1578)
手順としては HTML上のstyle属性の変わりにIDを付ける。 スタイルの対応するIDにstyle属性の中身を書く。 スタイル #d1 {border:1px solid #ff6699;background:#ffcccc;font-size:13px} #d2 {padding:3px} #d3 {border-top:1px solid #ff6699;background:#fff;padding:10px } HTML <table><tbody><tr><td> <div id="d1"><div id="d2" align="center"> ＊ ここにタイトル ＊ </div><div id="d3" align="left"> ＊ ここに本文 ＊ </div></div> </td></tr></tbody></table>
お礼
ありがとうございます。 align="center"までスタイルに組み込んでいたのでならなかったんだとおもいます。 大変助かりました。
お礼
ありがとうございます。 align="center"までスタイルに組み込んでいたのでならなかったんだとおもいます。 大変助かりました。 分かりやすい説明ありがとうございます。