仿淘宝网站的导航标签效果

<ul> <li id="homepage"><span class="selectspan">首页</span></li> <li id="download"><span>下载中心</span></li> <li id="product"><span>产品介绍</span></li> <li id="login"><span>会员注册与登录</span></li> <li id="contactus"><span>联系我们</span></li> </ul>

仿淘宝网站的导航效果。此方法有几个优点：

<ul> <li>根据字数自适应项目长度</li> <li>不同的项目使用不同的颜色来区分</li> <li>无需使用脚本</li> <li>背景图片只需要两个图片文件就足够，减少服务器负担
这是使用到的两个图片： <table cellspacing="2" cellpadding="0" width="58%" border="1"> <tbody> <tr> <td align="center" width="70%"></td> <td align="center" width="30%"></td> </tr> </tbody> </table> </li> </ul>