CSS着せ替えテンプレートプロジェクト

ベースCSSとは

「CSSを自分で作成してみたいけれど、なんの足掛かりもないのはちょっと……」、そんな方のためのサンプルCSSです。

改造は勿論際限なく自由です。幅を変えたり、色を変えたり、背景画像をつけたり、ボーダーをつけたり、etc...。元の様子が残っている必要は全くありません。自分だけのデザインを作るたたき台にしてください。

利用規約は基礎HTMLのそれに準じますが（基礎html配布参照）、このベースCSSから作成したデザインを配布する（画像含み）のはかまいません。配布の際は是非CSS配布サイトリンクに登録してください。

• コンテンツ最上部
• サイトメニュー

レイアウト一覧

2column

• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 

3column

• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 

other

• 
• 

リスト項目一覧

縦並び

• 
• 
• 
• 
• 
• 
• 
• 

横並び

• 
• 
• 
• 
• 
• 
• 
• 

補助

margin

コンテンツ（backgroundが適応される部分）の外側の余白

padding

コンテンツ（backgroundが適応される部分）の内側の余白

border

コンテンツ（backgroundが適応される部分）の外側の枠線

width / height

IE6の場合

width = コンテンツ表示領域（文字が表示される部分）+ 左右padding（heightの場合は上下padding） + 左右のborder-width（heightの場合は上下border-width）

それ以外のブラウザ

width = コンテンツ表示領域

• コンテンツ最上部
• サイトメニュー