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

<html>
<head>
<style type="text/css">
body {background-image:url('paper.gif');
pedding:0px;
margin:0px;
}
#up:hover{
color:yellow;
}
#up{
width:60%;
border-style:solid;
border-width:5px;
}
#title{
float:right;
width:20%;

border-style:solid;
border-width:5px;
}
#left{
float:left;
width:20%;

border:3px;
border-style:solid;
border-width:5px;
}
#center{

width:20%;
float:left;
border-style:solid;
border-width:5px;
}
#down{

width:20%;
border-style:solid;
border-width:5px;
}


</style>
</head>

<body>
<div id="up"> up</div>
<div id="left">hello world</div>
<div id="center">hello world</div>
<div id="title">hello world</div>
<div id="down">down </div>
</body>

</html>