【カラーコードのHTML.CSSの設定方法】

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;}未訪問リンク色

色名を変更し応用可能です

タイトルとURLをコピーしました