css nav 만드는법

1단 메뉴

<nav>

<ul>

<li>menu01</li>

<li>menu02</li>

<li>menu03</li>

</ul>

</nav>

 

<style>

ul {margin:0; pddding:0}

ul li {display:inline-block; zoom:1 *display:inline}

</style>

 

2단 메뉴

<nav>

<ul>

<li>

menu01

<ul>

<li>sub_menu01</li>

<li>sub_menu02</li>

<li>sub_menu03</li>

</ul>

</li>

<li>menu02</li>

<li>menu03</li>

</ul>

</nav>

 

<style>

ul {margin:0; pddding:0}

ul li {display:inline-block; position:relative;  zoom:1 *display:inline}

ul ul {margin:0; padding:0}

ul ul li {position:absolute}

</style>