More actions
imported>공간도형 No edit summary |
imported>공간도형 No edit summary |
||
| (2 intermediate revisions by the same user not shown) | |||
| Line 26: | Line 26: | ||
</html> | </html> | ||
== 해본거 == | |||
<img src="http://tunakheh.compuz.com/zboard/data/temp/aa.png" width="600" height="400" onclick="window.open('http://tunakheh.compuz.com/zboard/data/temp/aa.png','photo_popup','width=600,height=400,scrollbars=yes,resizable=yes');"> | |||
클릭하면 크게보임 | |||
Latest revision as of 09:56, 22 June 2009
데블스캠프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>
해본거
<img src="http://tunakheh.compuz.com/zboard/data/temp/aa.png" width="600" height="400" onclick="window.open('http://tunakheh.compuz.com/zboard/data/temp/aa.png','photo_popup','width=600,height=400,scrollbars=yes,resizable=yes');">
클릭하면 크게보임