데블스캠프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>
해본거 ¶
클릭하면 크게보임