데블스캠프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('http://wstatic.dcinside.com/new/photo/sosimarine.jpg')}
a{
color:red;
text-decoration:none;
padding-left:100px;
//background:black;
//background:url("http://wstatic.dcinside.com/new/photo/sosimarine.jpg");
}
a.min{
font-size:30px;
margin:10px;
}
a:hover{
color:blue;
background:orange;
}
</style>
</head>

<body>

<a href="http://zeropage.org/" alt"" class="min">zeropage</a>
<a href="http://caucse.net/" alt"" class="min">caucse</a>
<a href="http://www.naver.com/" alt"" class="min">naver</a>
<a href="http://www.joara.com/" alt"" class="min">joara</a>
</body>

</html>
}
{
<html>
<head>
<style type="text/css">
body {background-image:url('http://wstatic.dcinside.com/new/photo/sosimarine.jpg');
pedding:0px;
margin:0px;
}

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

#left{
float:left;
width:29%;
height:100px;
border:1px;
border-style:solid;
border-width:5px;
}

#center{
float:left;
width:37.2%;
height:100px;
border-style:solid;
border-width:5px;
}

#right{
float:left;
width:29%;
height:100px;
border-style:solid;
border-width:5px;
}

#girls{
float:left;
width:98.5%;
height:20px;
border-style:solid;
border-width:5px;
}
</style>
</head>

<body>
<div id="title"></div>
<div id="left"></div>
<div id="center"></div>
<div id="right"></div>
<div id="girls"></div>

</body>

</html>


}
}}