枠線を変更しよう
ヘッダやコンテンツの枠線変更は、スタイルシートで行います。「スタイルシートの編集方法」のとおり、スタイルシート編集ページを開いてください。
- 枠線は、「border」や「border-left」などで指定します。枠線を追加したり、線幅を大きくしたりすると、ページ・レイアウトが崩れる場合があります。そのような場合は、各部の幅(width)を調整する必要があります。詳しくは「サイズを変更しよう」を参照ください。
- ヘッダ部分の枠線を「緑」にする場合の例は、次のとおりです。
#header
{
...
border-top: 1px solid green;
border-left: 1px solid green;
border-right: 1px solid green;
border-bottom: 1px solid green;
...
} - メイン・ナビゲーター（メニュー）の枠線を変更する場合の例は、次のとおりです。
#mainmenu ul li a
{
...
border: 1px outset blue;
...
}
↓動画による背景画像変更の例です。クリックで再生されます。