このページのように全体の背景色を黒に設定し、中枠内の背景色を白に設定。
※ センター配置にするCSSソース
<body style="background: black; text-align: center;">
<div style="background:white; width:680px; margin:auto; text-align:left;">
ここにコンテンツ
</div>
</body>
<h2 style="background:#FFD700;">背景色 ゴールド</h2><h2>文字色：<span style="color:#00F;">青色</span></h2>
枠色 red、 背景色 #CCFFCC、 文字色 purple
<p style="border: 4px solid red; background:#CCFFCC; color:purple;">
枠色 red、 背景色 #CCFFCC、 文字色 purple</p>
色々と練習・変更・応用してみましょう。
※ 上の灰色のHTMLコード表示窓 <code>タグ のCSSソース(Headerの中)
<style type="text/css">
<!-- div{ text-align: left; } h2,p{ padding:20px; }
code{ display:block; font-size: 14px; margin-top: 10px; padding: 10px; background: #F5F5F5; border: 1px solid silver; color: gray; font-weight: normal; line-height: 1.6;} -->
</style>
Imported from www.netyasun.com/home/color.html