1 Star 0 Fork 0

j163/weixin

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
navbar.css 4.65 KB
一键复制 编辑 原始数据 按行查看 历史
j163 提交于 2016-08-23 02:54 . 3.html v0.0.2
@charset "utf-8";
/* CSS Document */
body {
background:#5c90d9;/*整个网页的背景颜色*/
}
/*.tit为每个菜单的标题样式 .list 为菜单项目的样式*/
.tit , .list{ width:183px; /*菜单的宽度*/
}
/*======================================标题部分===============================*/
.tit {/*菜单标题的样式*/
height: 22px;
border: 1px solid #2a4dab;/*边框颜色*/
border-bottom-style: none;/*底部边框没有*/
background:#547DBE url(images/menu_head_bg.gif) repeat-x;/*背景样式依次为:颜色,图片路径,横向重复*/
color: #D9E1F6;/*前景色*/
font:bold 12px/22px "lucida Grande", verdana, lucida, Arial, helvetica, "宋体", sans-serif;/*文字样式依次为:粗体 大小/行高 字族*/
text-indent: 35px;/*文字缩进*/
margin-top:15px;/*外填充*/
position: relative;
}
.tit a ,.tit a:link , .tit a hover{/*菜单标题中的链接的样式,共同的部分*/
color: #D9E1F6;
display:block;
text-decoration:none;
width:183px;
background-repeat: no-repeat;
background-position: 166px 6px;
cursor: pointer;
}
.tit a:hover{
color: #fff;/*鼠标经过时的颜色*/
}
/*====================
菜单标题中的箭头图片
======================*/
.on{
background-image: url(images/arrow_up.gif);/*向上的箭头-暗色*/
}
.on:hover{
background-image: url(images/arrow_up_o.gif);/*向上的箭头-亮色*/
}
.off{
background-image: url(images/arrow_down.gif);/*向下的箭头-暗色*/
}
.off:hover{
background-image: url(images/arrow_down_o.gif);/*向下的箭头-亮色*/
}
/*标题图标样式*/
.titpic {
position: absolute;
height: 32px;
width: 32px;
left: 0px;
bottom: 0px;
}
/*每一个标题图标,可变的部分*/
#pc1{
background: url(images/pepo.png) no-repeat;
}
#pc2{
background: url(images/st.png) no-repeat;
}
#pc3{
background: url(images/ring.png) no-repeat;
}
#pc4{
background: url(images/pic.png) no-repeat;
}
#pc5{
background: url(images/mv.png) no-repeat;
}
#pc6{
background: url(images/up.png) no-repeat;
}
#pc7{
background: url(images/help.png) no-repeat;
}
/*==========================================菜单体部分======================================*/
/*====================
菜单列表的样式
======================*/
.list{
font-size: 12px;
color: #002280;
background: #fff no-repeat right bottom;
width: 183px;/*宽度*/
border: 1px solid #2A4DAB;
text-align:left;
padding:10px 10px;
voice-family:"\"}\"";
voice-family:inherit;
width:163px;
overflow:hidden;
}
html>body .list {
width:163px;
}
.list ul{
list-style-type:none;
margin:0;
padding:0;
padding-left:18px;
}
.list li{
margin:0;
padding:0;
padding-left:5px;
}
/*============
菜单链接的样式
==============*/
.list a{
color:#002280;
text-decoration:none;
}
.list a:link{
color:#002280;
}
.list a:hover{
color:#296DC1;
text-decoration:underline;
}
.list a:active{
color:#296DC1;
}
/*每一个菜单体的背景图片可变部分*/
#menu1_child{
background-image:url(images/bgmv.png);
}
/*#menu2_child{
background-image:url(images/bgring.png);
}
*/#menu3_child{
background-image:url(images/bgring.png);
}
#menu4_child{
background-image:url(images/bgpic.png);
}
#menu5_child{
background-image:url(images/bgmv.png);
}
/*每一个列表前的,列表图标*/
#m1_1{
list-style-image:url(images/ico/1.gif);
}
#m1_2{
list-style-image:url(images/ico/2.gif);
}
#m1_3{
list-style-image:url(images/ico/5.gif);
}
#m1_4{
list-style-image:url(images/ico/4.gif);
}
/*2*/
#m2_1{
list-style-image:url(images/ico/1.gif);
}
#m2_2{
list-style-image:url(images/ico/2.gif);
}
#m2_3{
list-style-image:url(images/ico/3.gif);
}
#m2_4{
list-style-image:url(images/ico/4.gif);
}
/*3*/
#m3_1{
list-style-image:url(images/ico/1.gif);
}
#m3_2{
list-style-image:url(images/ico/2.gif);
}
#m3_3{
list-style-image:url(images/ico/3.gif);
}
#m3_4{
list-style-image:url(images/ico/4.gif);
}
/*4*/
#m4_1{
list-style-image:url(images/ico/1.gif);
}
#m4_2{
list-style-image:url(images/ico/2.gif);
}
#m4_3{
list-style-image:url(images/ico/11.gif);
}
#m4_4{
list-style-image:url(images/ico/3.gif);
}
#m4_5{
list-style-image:url(images/ico/4.gif);
}
/*5*/
#m5_1{
list-style-image:url(images/ico/1.gif);
}
#m5_2{
list-style-image:url(images/ico/2.gif);
}
#m5_3{
list-style-image:url(images/ico/3.gif);
}
#m5_4{
list-style-image:url(images/ico/4.gif);
}
/*6*/
#m6_1{
list-style-image:url(images/ico/1.gif);
}
#m6_2{
list-style-image:url(images/ico/2.gif);
}
#m6_3{
list-style-image:url(images/ico/3.gif);
}
#m6_4{
list-style-image:url(images/ico/4.gif);
}
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化
1
https://gitee.com/hjhy/weixin.git
git@gitee.com:hjhy/weixin.git
hjhy
weixin
weixin
master

搜索帮助