More actions
imported>enoch No edit summary |
imported>talin0528 No edit summary |
||
| Line 1: | Line 1: | ||
== 데블스캠프2009/월요일/연습문제/HTML-CSS/강소현 == | == 데블스캠프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> | |||
Latest revision as of 06:48, 22 June 2009
데블스캠프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>