スタイルシートメモ

AのリンクBのリンク

<p class="navi">

<a href="a.html">Aのリンク</a>

<a href="b.html">Bのリンク</a>

</p>

■p.naviの設定について
「background-color」でボタンの下地の色を決めます。もし、下地の色で文字が読みにくくなったら「color」で文字色を設定してください。
「height」でバーの高さを指定します。値にはボタンの高さと同じ高さを指定します。
■p.navi aの設定について
ボタンの大きさを調整するためには、インライン要素である「a」が、ブロック要素である必要があります。「display:block;」を設定することで、「width」や「height」というボタンの大きさを設定することができるようになります。
「float:left;」とすることで、ボタンを横並びにできます。縦ならびにボタンを作る場合は必要ありません。
「line-height」でボタンの高さを指定しています。「height」で高さを指定しようとすると、文字が上部に配置されてしまったりします。
「text-decoration:none;」で余計な下線を削除します。