如何在图片上创建菜单?
现在我有:
<div id="nav">
<nav class="top-nav">
<div class="shell">
<a href="#" class="nav-btn">HOMEPAGE<span></span></a>
<span class="top-nav-shadow"></span>
<ul>
<li class="active"><span><a href="#">home</a></span></li>
<li><span><a href="#">services</a></span></li>
<li><span><a href="#">projects</a></span></li>
<li><span><a href="#">solutions</a></span></li>
<li><span><a href="#">jobs</a></span></li>
<li><span><a href="#">blog</a></span></li>
<li><span><a href="#">contacts</a></span></li>
</ul>
</div>
</nav>
</div>
还有我用于 div nav 的 CSS:
#nav{
background-color: transparent;
padding: 0em 0em 0em 2em;
white-space: nowrap;
list-style: none outside none;
margin: 0px;
height: auto;
line-height: normal;
}
如何设计这个样式?我是新手