More actions
imported>zzgwm No edit summary |
imported>zzgwm No edit summary |
||
| Line 12: | Line 12: | ||
#title | #title | ||
{ | { | ||
width: | width:100%; | ||
border-width:5px; | border-width:5px; | ||
border-style:solid; | border-style:solid; | ||
| Line 44: | Line 44: | ||
<body> | <body> | ||
<div id="title"> <a herf="www.naver.com"> | <div id="title"> <a herf="www.naver.com">&nbsp;</a> </div> | ||
<div style="width:100%; height:200px;"> | |||
<div id="left"> <a herf="www.naver.com"> hellow </a> </div> | <div id="left"> <a herf="www.naver.com"> hellow </a> </div> | ||
<div id="center"> <a herf="www.naver.com"> hellow </a> </div> | <div id="center"> <a herf="www.naver.com"> hellow </a> </div> | ||
<div id="left"> <a herf="www.naver.com"> hellow </a> </div> | <div id="left"> <a herf="www.naver.com"> hellow </a> </div> | ||
</div> | |||
<div id="title"> <a herf="www.naver.com"> hellow </a> </div> | <div id="title"> <a herf="www.naver.com"> hellow </a> </div> | ||
Latest revision as of 06:52, 22 June 2009
데블스캠프2009/월요일/연습문제/HTML-CSS/박준호
<html>
<head>
<style type="text/css">
body {
background-image:url('paper.gif');
padding:0px;
margin:0px;
}
#title
{
width:100%;
border-width:5px;
border-style:solid;
}
#left
{
float:left;
width:28.4%;
height:200px;
border-width:3px;
border-style:solid;
}
#center
{
float:left;
width:38%;
height:200px;
border-width:3px;
border-style:solid;
}
#title:hover
{background:red;}
#left:hover
{background:red;}
#center:hover
{background:red;}
</style>
</head>
<body>
<div id="title"> <a herf="www.naver.com"> </a> </div>
<div style="width:100%; height:200px;">
<div id="left"> <a herf="www.naver.com"> hellow </a> </div>
<div id="center"> <a herf="www.naver.com"> hellow </a> </div>
<div id="left"> <a herf="www.naver.com"> hellow </a> </div>
</div>
<div id="title"> <a herf="www.naver.com"> hellow </a> </div>
</body>
</html>