HTML,CSS 色の設定方法
青 <font color=”#0000FF”>青</font>
青 <span style=”color: #0000FF;”>青</span>
赤 <span style=”color: #F00;”>赤</span>
赤 <span style=”color: red;”>赤</span>
緑 <span style=”color: rgb(0,128,0);”>緑</span>
緑 <span style=”color: rgb(0%,50%,0%);”>緑</span>
赤緑
<span style=”color:#F00;”>赤</span><span style=”color:#008000;”>緑</span>
赤青赤
<span style=”color:#F00;”>赤<span style=”color:#00F;”>青</span>赤</span>
背景色+文字色
<span style=”background:yellow; color:#F0F;”>背景色+文字色</span>
段落単位での、背景色+文字色
<p style=”color:navy; background:#CFF;”>背景色+文字色</p>
枠線の色
<p style=”border: 4px solid #0F0;”>枠線の色</p>
全体の背景色
<body style=”background-color:#D9E5FF;”>
CSSでリンクをまとめて記述すると簡単です。 (動作に優先順位があるので上下の順番を間違えないように)
a:link{ color: navy;}訪問済みリンク色
a:visited{ color: brown;}オンマウス時のリンク色
a:hover{ color:maroon; background:#FF0;}クリック時のリンク色
a:active{ background: aqua;}未訪問リンク色
色名を変更し応用可能です