初心者の館

ステップ6〜フットと仕上げ〜

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


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

次のソースをコピーして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;
}

ポイント

ここでのポイントは、

  1. デフォルトの設定を消す

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

確認

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

ステップ6終了時点

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

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


←前のステップへBACK : あとがきへGO→


一覧へ戻る


Last Modified 2004-10-02 © きくちゃん 2004 - All Rights Reserved