奥行きのある背景

アメブロ向上企画書

背景ＣＳＳの見本ブログです

http://ameblo.jp/exlink/entry-10204243944.html

コメントや質問は↑へどうぞ

body{
color:#FF9900;
background-color:#000000; /*背景色*/
background-image:url(背景画像--富士山);/*背景に画像*/
background-repeat:no-repeat ;/*繰り返さない*/
background-position:center top;
}
#subFrame{
background-image:url(中の画像--東京タワー);/*背景に画像*/
background-repeat:no-repeat ;/*繰り返さない*/
background-position:center top;
}
#overHeader{
height:300px;
background-image:url(手前の画像--ビル);/*背景に画像*/
background-repeat:no-repeat ;/*繰り返さない*/
background-position:center top;
}
#frame,
#sub_a,
#sub_b{
background-color:transparent;/*背景色を透明*/
}
#header{
height:115px;
background-color:transparent;

background-image:url(背景画像--UFO);/*背景に画像*/
background-repeat:no-repeat ;/*繰り返さない*/
background-position:center top;
}
#header h1,
#header h1 a{
color:#ffffff;
font-size:20px;
}
#header h2{
color:#ffffff;
}
div#footerArea{
background-color:transparent;/*背景色を透明*/
border:none;/*線を消す*/
}
/*■リンク*/
a{
text-decoration:none;
color:#FF9900;
}
/*■リンク：訪問済み*/
a:visited{
text-decoration:none;
color:#FF9900;
}
/*■リンク：マウスオーバー時*/
a:hover{
text-decoration:none;
color:#FF9900;
}

/*横幅を820pxに*/
#frame{/*全体の横幅*/
width:820px;/*Ａ*/
}
#main{
width:400px;/*Ｂ*/
padding-left:20px;/*Ｃ*/
}
#sub_a{
width:170px;/*Ｄ*/
padding-left:10px;/*Ｅ*/
padding-right:10px;/*Ｆ*/
}
#sub_b{
width:170px;/*Ｇ*/
padding-left:10px;/*Ｈ*/
padding-right:10px;/*Ｉ*/
}
#header{
background-position:center;/*中央に*/
background-repeat:no-repeat;/*繰り返さない*/
}