main.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" a href="main.css">
</head>
<body>
<div id ="wrap">
<div id ="header">
<hl class="logo">
<a href="#">
<img src="./image/logo.png">
</a>
</hl>
<div class="gnb">
<ul>
<li><a href="#">학교소개</a></li>
<li><a href="#">교육과정</a></li>
<li><a href="#">취업정보</a></li>
<li><a href="#">커뮤니티</a></li>
<li><a href="#">상담신청</a></li>
</ul>
</div>
</div>
</div>
<div id="container">
<div id="visual">
main flash
</div>
<div id="contants">
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
</div>
<div id="footer">
copyright © All reserved
</div>
</div>
</body>
</html>main.css
*{margin:0; padding:0;}
ul,li{list-style:none;}
#wrap {
width:100%;
}
a{
text-decoration:none;
color:#333
}
a:hover{
text-decoration:underline;
}
#header{
width:1000px;
margin:0 auto;
height: 102px;
}
.logo{
display:inline-block;
margin-top: 20px;
}
.gnb{
float:right;
}
.gnb > ul > li{
float:left;
display:inline-block;
padding: 40px 0;
width:120px;
}
.gnb > ul > li > a{
font-size: 19px;
color:#004385;
font-weight:bold;
}
#container{
width:1000px;
margin:0 auto;
}
#footer{
width:1000px;
margin:0 auto;
background:yellow
}'Code' 카테고리의 다른 글
| 2021.3.12(Thu) - Practice (0) | 2021.03.12 |
|---|---|
| 2021.3.11(Thu) - Group Assignment (0) | 2021.03.11 |
| 2021.3.10 (Wed) - container/ contents (0) | 2021.03.10 |
| 2021.3.10-code {혼자 (0) | 2021.03.10 |
| 2021.3.9 (Tue) - Code (1) | 2021.03.09 |