데블스캠프2009/월요일/연습문제/HTML-CSS/서민관: Difference between revisions

Revision as of 06:47, 22 June 2009

데블스캠프2009/월요일/연습문제/HTML-CSS/서민관

<html>
<head>
<style type="text/css">
body {background-image:url('paper.gif');
padding:0px;
margin:0px;
}
#top{
border:1px;
border-style:solid;
border-width:3px;
}
#top:hover{
background:cyan;
}
#left{
border:1px;
width:26.5%;
float:left;
border-style:solid;
border-width:3px;
}
#center{
border:1px;
width:45%;
float:left;
border-style:solid;
border-width:3px;
}
#right{
border:1px;
width:26.3%;
float:right;
border-style:solid;
border-width:3px;
}
#bottom{
border:1px;
float:right;
width:99%;
border-style:solid;
border-width:3px;
}
</style>
</head>

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

</html>