DTIブログエロ流ＣＳＳ・デザイン講座

＞＞一回目　＞＞二回目　＞＞三回目　＞＞四回目　＞＞五回目　＞＞六回目　＞＞最終回　

今回を合わせ7回にわたり、様々なCSSの基本テクニックをレクチャーしてきたこの講座ですが、残念ながら今回が最終回となります。人気ブログ、動画の桜の運営者エロ流さんに今までの感謝の気持ちと、お礼を是非ブログに残して下さい。これまでの7回の講座で学んだことは基本として大変役に立つ情報ですので、これからも是非ご活用下さい。【今回のお題】前回は文字スタイルの設定に関しての講座でしたが、最終回の今回はWebサイトならではのもの、リンクに関しての設定方法から始めて参ります。
		エロ流さんプロフィール名前:HARU(ハル) 性別:男年齢:28歳職業:ITベンチャー勤務、３流フォトグラファー

デザインによって、リンクの色も変えたい時は、CSSの" a "要素を変更します。

リンクの設定は、共通項目を指定する"a"要素以外に、 "link"、"visited"、"hover"、"active"と、４つのセレクタがあります。
a {　} ・・・　共通のリンクスタイル指定
a:link {　} ・・・　未訪問リンクのスタイル指定
a:visited {　} ・・・　訪問済みリンクのスタイル指定
a:hover {　} ・・・　リンクをマウスオーバーした時のスタイル指定
a:active {　} ・・・　リンクをクリックした瞬間のスタイル指定

基本的なリンクスタイルの指定は以下の通りです。

+----+----+----+CSSファイル ----+----+----+----+

a {
font-size: 12px; /* リンク文字のサイズの指定 */
color: #000000;　/* リンク文字の色の指定 */　
font-weight: bold;　/* リンク文字の太さの指定 */
background-color: #CCCCCC;　/* リンク文字の背景色の指定 */
text-decoration: none;　/* リンク文字の下線を消す */
text-decoration: underline;　/* リンク文字の下線を表示する */
}

+----+----+----+----+----+----+----+----+----+