U E D R , A S I H C RSS

데블스캠프2009/월요일/연습문제/HTML-CSS/강성현

데블스캠프2009/월요일/연습문제/HTML-CSS/강성현


<html>
<head>
<style type="text/css">
body {background-image:url('paper.gif'); padding:0px; margin:0px; }
div { float:left; border:0px; border-style:solid; border-width:0px; }
#top { width: 100%; }
#left { width: 30%; height:300px; }
#left:hover { background:url(http://abeek.cau.ac.kr/cauabeek/ImageViewStu?hakbun=20073050); }
#center { width:40%; height:300px; }
#center:hover { background:url(http://abeek.cau.ac.kr/cauabeek/ImageViewStu?hakbun=20082990); }
#right {float:right; width:30%; height:300px; }
#right:hover { background:url(http://abeek.cau.ac.kr/cauabeek/ImageViewStu?hakbun=20082977); }
#bottom {width:100%; }
</style>
</head>

<body>
<div id="top">hello world</div>
<div id="left"></div>
<div id="center"></div>
<div id="right"></div>
<div id="bottom">4</div>
</body>

</html>


해본거

클릭하면 크게보임
Valid XHTML 1.0! Valid CSS! powered by MoniWiki
last modified 2021-02-07 05:29:09
Processing time 0.0200 sec