divの枠の背景に画像を配置

web&design

divでboxを設定し、CSSでW/Hを決めて、背景に画像を配置。

  • ページのフッタ

<div class="headergif1">
</div>

<div class="headergif2">
</div>

div.headergif1 {

width:150px;
height:150px;
position:absolute;
top:80px;
left:800px;
background-image: url(/images/diary/pyow1/2006-01-13.jpg);
background-repeat:no-repeat;
background-position: 0px center;

}



div.headergif2 {

width:150px;
height:150px;
position:absolute;
top:80px;
left:50px;
background-image: url(/images/diary/pyow1/2006-01-12.jpg);
background-repeat:no-repeat;
background-position: 0px center;

}


div.headertagu {

width:200px;
height:59px;
position:fixed;
top:0px;
left:0px;
background-image: url(/images/diary/pyow1/2006-01-16.jpg);
background-repeat:no-repeat;
background-position: 49px top;
background-color:#eee8aa;

}

hoverで画像が切り替わるようにしてみたかったが、
良く分からず断念・・・。むむゥ〜？？？