今日は、スタイルのリセットと、外枠の設定。
短くて、ごめんなさい(>_<)
お詫びに↓↓↓管理人が作ったヘタクソ・アイコン良かった持って帰ってね!
白背景で使ってね。
![]()
CSSリセットの設定
余分な余白を消すためにリセットします。
詳細はこちらのページ

↑↑↑お好きな所から、スタイルシートマネージャを開いて、下記の設定を行います。
| タブ | 項目 (プロパティ) | 数値など | ||
|---|---|---|---|---|
| *(アスタリスク)の設定 | ||||
| レイアウト | マージン | 4方向 | 0 | ピクセル |
| バッティング | 4方向 | 0 | ピクセル | |
| フォント | サイズ | 100 | % | |
*{
padding : 0px;
margin : 0px;
font-size : 100%;
}
BODYの設定
背景の色を設定します。
スタイルシートマネージャ開いてね!
| タブ | 項目 (プロパティ) | 数値など | ||
|---|---|---|---|---|
| bodyタグの設定 | ||||
| 色と背景 | 背景色 | #efefe0 | ||
body{
background-color : #efefe0;
}
外枠
これも、1カラムの時と同じです。忘れちゃった方、詳細はこちらです。

今回は、幅を800ピクセルにします。
そして、このボックスが、真ん中にくるように設定をします。
| タブ | 項目 (プロパティ) | 数値など | ||
|---|---|---|---|---|
| ID 名前は、box-sotowaku #box-sotowaku | ||||
| レイアウト | マージン | 左方向 | 自動 | |
| 右方向 | 自動 | |||
| 位置 | 配置 | 幅 | 800 | ピクセル |
#box-sotowaku{
margin-left : auto;
margin-right : auto;
width : 800px;
}
次回は、ヘッダー部分をつくります。



最近のコメント
定義リスト<dl><dt><dd>を使いこなす! に (K)「Q&A」ページはDLタグとCSSで作成するのがいいね(CSS覚え書き) | web(K)campus より