<style type="text/css">
.test ul{list-style:none;}
.test li{float:left;width:100px;background:#CCC;margin-left:3px;line-height:30px;}
.test a{display:block;text-align:center;height:30px;}
.test a:link{color:#666;background:url(arrow_off.gif) #CCC no-repeat 5px 12px;text-decoration:none;}
.test a:visited{color:#666;text-decoration:underline;}
.test a:hover{color:#FFF; font-weight:bold;text-decoration:none;background:url(arrow_on.gif) #F00 no-repeat 5px 12px;}
</style>
<div class="test">
<ul>
<li><a href="1">首页</a></li>
<li><a href="2">产品介绍</a></li>
<li><a href="3">服务介绍</a></li>
<li><a href="4">技术支持</a></li>
<li><a href="5">立刻购买</a></li>
<li><a href="6">联系我们</a></li>
</ul>
</div>
来自--http://www.bitscn.com/school/HTMLCSS/200709/111793.html
一个 有趣的 css 网站.分享..
http://onlyaa.com/examples/Drag.Drop.Modules/demo/demo_20070110_fetch_page.htm
分享到:
相关推荐
css横向导航菜单css横向导航菜单css横向导航菜单
五款漂亮的CSS横向下拉菜单导航条 都满不错。实用
用CSS控制的横向列表菜单
css横向菜单
最新CSS横向图片自动伸缩,非常漂亮的图片效果
div+css布局制作横向带箭头步骤流程样式 div+css布局制作横向带箭头步骤流程样式 div+css布局制作横向带箭头步骤流程样式
简洁的横向菜单,可以通过代码自己随意变样式。
css横向导航菜单css横向导航菜单css横向导航菜单
css经典横向菜单,多种样式经典横向菜单,多种颜色、样式
五款漂亮的CSS横向下拉菜单导航条.rar五款漂亮的CSS横向下拉菜单导航条.rar五款漂亮的CSS横向下拉菜单导航条.rar
jscss横向二级菜单jscss横向二级菜单
纯css3实现横向瀑布流布局,让图片看起来更美观。
本代码实现三级横向下拉列表显示,纯CSS代码。
div+css横向布局
二级css横向导航条二级css横向导航条
CSS横向下拉菜单
5款漂亮的CSS横向下拉菜单导航条,5款漂亮的CSS横向下拉菜单导航条
超酷jscss横向二级菜单超酷jscss横向二级菜单
微软风格的CSS横向菜单,DIV+CSS编写,简单易用!很合适企业站点使用