多款tab选项卡式导航css代码

11种漂亮的tab选项卡式网站导航栏，纯div+css，兼容IE6。
1、在head区域引入style.css。如果嫌文件大，可以只保留对应的样式。
2、引入你想要的导航栏。如，你想要第一种效果，引入下面的代码即可：

<div id="tabs">
  <ul>
    <li><a href="#" title="导航1"><span>导航1</span></a></li>
    <li><a href="#" title="导航2"><span>导航2</span></a></li>
    <li><a href="#" title="导航3"><span>导航3</span></a></li>
    <li><a href="#" title="长导航文本"><span>长导航文本</span></a></li>
    <li><a href="#" title="导航5"><span>导航5</span></a></li>
    <li><a href="#" title="导航6"><span>导航6</span></a></li>
    <li><a href="#" title="导航7"><span>导航7</span></a></li>
  </ul>
</div>