★リンクの文字色を指定する

a:link { color: #; } a:visited { color: #; } a:hover { color: #; } a:active { color: #; }


a:link { color: #000000; }
　　未訪問のリンク
a:visited { color: #000000; }
　　訪問済みのリンク
a:hover { color: #333333; }
　　オンマウス時のリンク
a:active { color: #999999; }
　　選択中のリンク


★リンクの背景色を指定する

a: { background-color: #;}

★オンマウスした時のリンク背景色を指定する

a:hover { background-color: #; }

★オンマウスした時にリンクを揺らす

a:hover { position: relative; top: 1px; left: 1px;}

top　　　上からの距離を指定
right　　右からの距離を指定
bottom　 下からの距離を指定
left　　 左からの距離を指定

★リンクの下線を消す

a { text-decoration: none;}

★リンクの下線をドットにする

a { border-bottom: 1px dotted #カラーコード;}

★リンクの下線を点線にする

a { border-bottom: 1px dashed #カラーコード;}

★リンクの下線を二重線にする

a { border-bottom: 1px double #カラーコード;}

★リンクの下線を直線にする

a { border-bottom: 1px solid #カラーコード;}

★デバイスの横幅を指定する
画面が最適表示されます

<metaname="viewport" content="width=device-width">

★画像を画面サイズに縮小する
大きな画像でも横スクロールが出ません

img { max-width: 100%; height:auto;}

★文字に下線

<u>文字</u>

sample

★取り消し線

<S>文字</S>

sample