[프로젝트] 홈페이지 구축 (nav) v0.3

 

아파치와 php를 연동한 후 nav(메뉴)를 만들었습니다.

 

<nav>
<ul class="menu" style="display:inline-block;">
	<li>소식ㆍ정보
		<ul class="submenu"><li>공지사항</li>
						<li><a href="//agencies.tistory.com" target="_blank">팀 블로그</a></li>
						<li></li>
		</ul>
	</li>
	<li>주요활동
		<ul class="submenu"><li>자원봉사</li>
						<li>서포터즈</li>
						<li>정보보안</li>
		</ul>
	</li>
	<li>팀 소개
		<ul class="submenu"><li>팀 리더 인사말</li>
						<li>슬로건</li>
						<li>직무</li>
		</ul>
	</li>
</ul>
</nav>








<style>
*{margin:0; padding:0;}
nav{text-align:center; margin-top:5px; width:1050px;margin:0 auto; cursor:pointer;}
a{text-decoration:none;}
a:hover{text-decoration:underline; text-underline-position:under;}
a:visited{color:red;}

ul{list-style-type:none;}
.menu > li{float:left; width:350px; background-color:white; height:55px; line-height:55px; font-weight:bold; font-size:20px;}
.submenu{overflow:hidden; height:0;}
.submenu > li{background-color:#FBFBFB; height:35px; font-weight:500; font-size:13px; line-height:30px;}
.menu:hover .submenu{height:110px;}
</style>