html+CSS3实现简约导航菜单

1、新建html文档。

3、书写html代艨位雅剖码。<div id="main"> <ul id租涫疼迟="navigationMenu"> <li> <a class="home" href="#"> <span>Home</span> </a> </li> <li> <a class="about" href="#"> <span>About</span> </a> </li> <li> <a class="services" href="#"> <span>Services</span> </a> </li> <li> <a class="portfolio" href="#"> <span>Portfolio</span> </a> </li> <li> <a class="contact" href="#"> <span>Contact us</span> </a> </li> </ul></div><link rel="stylesheet" type="text/css" href="index_data/styles.css">

5、查看效果。