現在地: Home » 初級ホームページ作成講座:目次 » #contents(記事)部分

#contents(記事)部分

CSS/HTMLファイルの設定

下記コードをCSSファイルにコピー&ペーストして下さい。

下記コードをHTMLファイルにコピー&ペーストして下さい。

CSS/HTMLファイルの解説

スタイルシート

/*-------------------------contentsの指定*/
#contents{
padding: 0;
margin: 0 180px 0 0;-----/1
background-color: #ffffd5;-----2
color: black;-----3
}
  1. margin: 0 180px 0 0;
    • 右側への余白指定です。(サイドバーの横幅分)
  2. background-color: #ffffd5;
    • 背景色の指定です。
  3. color: black;
    • 前景色の指定です。W3Cでは背景色を指定した際は前景色も指定する事を推奨しています。

HTML

<!--container部分-->
<div id="container">

ココ


</div>
<!--container部分終わり-->

今現在の完成状況→サンプル表示

以上で準備完了です!→作業手順6へ進む!

▲Top

高性能サーバ

低価格サーバ

無料ホームページスペース