CSS スタイルシートで作るホームページテンプレート　３カラムレイアウトテンプレート

３カラムレイアウトテンプレート　基礎

テンプレート利用法

ここに紹介しているのは「HTML・CSS」それぞれの記述内容です。ワンクリックで反転（選択）しますので、メモ帳などにコピペして拡張子を「ファイル名.html」「スタイルシート名.css」として保存してお使い下さい。

３カラムレイアウトテンプレート

HTML記述

CSS記述 #outline { width : 750px ; text-align : left ; border : solid 1px #000000 ; } .margin { margin : 0px 10px ; } .header { background : #ebebeb ; text-align : center ; } .main { width : 570px ; float : right ; } .side { width : 150px ; float : left ; background : #ebebeb ; } .main2 { width : 410px ; float : left ; background : #ebebeb ; } .side2 { width : 150px ; float : right ; background : #ebebeb ; } .c-both { clear : both ; } .footer { background : #ebebeb ; text-align : center ; }

３カラムレイアウトテンプレート

HTML記述

CSS記述 #outline { width : 750px ; text-align : left ; border : solid 1px #000000 ; } .margin { margin : 0px 10px ; } .header { background : #ebebeb ; text-align : center ; } .main { width : 570px ; float : left ; } .side { width : 150px ; float : right ; background : #ebebeb ; } .main2 { width : 410px ; float : right ; background : #ebebeb ; } .side2 { width : 150px ; float : left ; background : #ebebeb ; } .c-both { clear : both ; } .footer { background : #ebebeb ; text-align : center ; }

スタイルシート/CSS ホームページテンプレート

３カラムレイアウトテンプレート 基礎

テンプレート利用法

３カラムレイアウトテンプレート

３カラムレイアウトテンプレート

３カラムレイアウトテンプレート　基礎