HTML,CSSで色を表示する方法


このページのように全体の背景色を黒に設定し、中枠内の背景色を白に設定。
※ センター配置にする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>

色々と練習・変更・応用してみましょう。


カラーコード一覧表 に戻る | ホームページ 作成、運営管理ガイド トップ