纯CSS制作简洁的垂直导航

日期：2007年8月16日作者：查看:[大字体中字体小字体]

Css代码

以下是引用片段：
/* common styling */
/* set up the overall width of the menu div, the font and the margins */

.menu {
font-family: arial, sans-serif;
width:750px;
margin:0;
margin:50px 0;
}
/* remove the bullets and set the margin and padding to zero for the unordered list */
.menu ul {
padding:0;
margin:0;
list-style-type: none;
}
/* 浮动列表，因此可以让items在一行上，并且他们的相对定位可以让下面的列表显示在正确的位置上*/

.menu ul li {
float:left;
position:relative;
}
/* style the links to be 104px wide by 30px high with a top and right border 1px solid white.
Set the background color and the font size. */
.menu ul li a, .menu ul li a:visited {
display:block;
text-align:center;
text-decoration:none;
width:104px;
height:30px;
color:#000;
border:1px solid #fff;
border-width:1px 1px 0 0;
background:#c9c9a7;
line-height:30px;
font-size:11px;
}
/* make the dropdown ul invisible */
.menu ul li ul {
display: none;
}

/* specific to non IE browsers */
/* set the background and foreground color of the main menu li on hover */

[1] [2] [3] [4] [5] [6] [7] [8] 下一页
纯CSS制作简洁的垂直导航相关文章：
·大航海时代4 中文版攻关资料大全
·想买199元机票不容易春秋航空订票网站瘫痪
·GridView 分页导航
·最新街舞版QQ空间flash导航代码
·创建一个纯CSS的水平导航条
·大航海时代4 李华梅篇
·制作彩色的QQ空间导航栏彰显个性
·Javascript+CSS横向三级导航菜单
·Fireworks打造标签式网页导航条
·pucca中国娃娃QQ空间导航条代码，可爱！！！！
纯CSS制作简洁的垂直导航相关软件
·大航海时代4 威力加强XP完美版
·《大航海时代4》中文威力加强版
·我的中国地图 2007 V1.1.0.2 导航版
·大航海家3财富中文版
·大航海时代3中文版
·大航海时代：贸易风传说之英雄挑战
·《大航海时代4威力加强版》地图全开通关存档
·《大航海家3》无限金钱修改器
·《大航海家3》中文版免CD补丁
·大航海外传之无止境的背叛

上一篇:CSS+JS实现的选项卡效果(html组件)

下一篇:透明的(transparence)CSS菜单

特别声明：本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载，但请务必注明出处和原始作
者.文章版权归文章原始作者所有.对于被本站转载文章的个人和网站，我们表示深深的谢意。如果本站转
载的文章有版权问题请联系编辑人员,我们尽快予以更正. 转载请注明来源：http://www.hackhome.com

纯CSS制作简洁的垂直导航

Css代码

精品推荐

热点TOP10

特别推荐