このページではリンクメニューを作ってみましょう。
リストを利用すると簡単に出来ます、例は以下のようになります。
簡単に説明するとリストの文字に<a>〜</a>のリンクタグを指定しただけです。
↓<head>〜</head>又は外部CSSに↓
↓<body>〜</body>に↓
↓HTMLタグに直接付加する場合は(インライン)↓
◎スタイルシートのポイント◎
(サンプルスタイルシートと照らし合わせながら変更して下さい)
- font-size:数字px;[文字の大きさ(数字の大小)]
- color:カラー;[文字の色(カラーコード参照)]
- text-align:位置;[全体の位置center(中央) - left(左側) - right(右側)]
- margin-top:数字px;[リスト外上側の間隔]
- margin-bottom:数字px;[リスト外下側の間隔]
- <ul>を<ol>にすると[・]ではなく1,2,3・・・のように数字になります
- <li>のmargin-top:数字px;[項目と項目の上側の間隔]
- <li>のmargin-bottom:数字px;[項目と項目の下側の間隔]
- URLにはリンクしたいページへのアドレスを記入