ＣＳＳを使った基本デザイン

WordPerss > Photo Gallery

０３　リンクを作る

リンクを作ると、文字や画像をクリックすることで、コンテンツを開いたり、他のＷｅｂページにアクセスできるようになります。
ここでは、いろんな種類のリンクを作成し、デザインを設定します。

ＣＯＮＴＥＮＴＳ　※ブラウザのソースで確認してください

（１）ページとページをリンクで結ぶ　 <a href="～">
- ･リンクを設定します
（２）リスト形式でメニューを作る　 <ul><li>
- ･リストの各項目を示す
（３）メール送信用のリンクを作る　<a href="mailto～"
- ･メール送信用リンク
（４）リンクの色を変える　color:
- ･文字の色を指定します
（５）カーソルを重ねたときのリンクの色を指定する　a:hover{～}
- ･カーソルを重ねた時のデザインを設定
（６）１部のリンクの色を変える　color:
- ･リンクの色を指定します
（７）メニューを横に並べて表示する　list-style,display,margin-left,padding-left,padding-right,font-size
- ･リストマーク、要素の種類、余白、文字の大きさ
（８）リンク部分の下線を消す　text-decoration
- ･下線などの表示を設定します
（９）トップページに戻るリンクを用意する　<a href="～">
- ･リンクを設定します