More actions
imported>enoch No edit summary |
imported>공간도형 No edit summary |
||
| (5 intermediate revisions by 2 users not shown) | |||
| Line 1: | Line 1: | ||
== 데블스캠프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');"> | |||
클릭하면 크게보임 | |||
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');">
클릭하면 크게보임