ステップ６～フットと仕上げ～

最後に著作権の部分に手を加えて、仕上げをします。

著作権部分のデコレーション

次のソースをコピーしてstyle.cssに貼り付けてください。

/*フット*/
address{
    font-style:normal;
    border-color:#663300;
    border-width:1px;
    border-style:solid;
    padding:0.3em 1em;
}

最後にレイアウト用のテーブルの枠線を消して完成です。
table#structureからborder関連のプロパティを削除します。

table#structure{
    background-color:#FFFFFF;
    width:700px;
    text-align:left;
    margin:0px auto;
}

ここでのポイントは、

の１つです。
addressやstrongタグなどは、ブラウザーの処理で勝手に太字や斜体にされてしまいます。
はっきり言ってうっとおしいだけなので、CSSを使いこちらで見た目を調節しましょう。
font-style:normal;とfont-weight:normal;を使うといいでしょう。

できたらindex.htmlをブラウザーでどのように表示されるか見てみましょう。

これで完成です。お疲れ様でした。
もうちょっと頑張りたい人はCSSテクニックにある技を導入してみましょう。「見出しと背景１」や「見出しにもリンク」がとっつきやすいと思います。

あとがきで今回の実習のおさらいをします。