复制代码 代码如下:
*{font-family:"微软雅黑"; margin:0 auto; padding:0px;}
.zj_nei_l{ width:1150px; height:130px; margin-left:25px;}
.zj_nei_l li{ float:left; font-size:20px; color:#6f6f6f; text-align:center;margin:0px 5px; list-style:none;}
.show_box .left_box,.show_box .right_box{
float:left;
height:130px;
}
.text_content p{ text-align:left; font-size:16px; color:#fff; line-height:24px; padding:10px;}
.zj_nei_l li.show_box{
width:98px;
}
.zj_nei_l li.show_box_hover{
width:522px;
}
.show_box .right_box{
display:none;
width:414px;
height:130px;
overflow:hidden;
margin-left: 10px;
}
.right_box .text_content{
width:414px;
background-color:#339933;
color:#FFF;
height:130px;
}
.zj_nei_l .left_box{
width:88px;
font-size:20px;
}
.zj_nei_l .left_box p{
line-height:42px;
font-size:20px;
}
.zj_nei_l .img_box{
width: 88px;
height:88px;
}
.show_box .item1{
background:#030;
}
.show_box .item2{
background:#300;
}
.show_box .item3{
background:#600;
}
.show_box .item4{
background:#6C0;
}
.show_box .item5{
background:#6F9;
}
.show_box .item6{
background:#3F9;
}
.show_box_hover .left_box{
color:#339933;
}
.show_box_hover .item1{
background:#0F9;
}
.show_box_hover .item2{
background:#00C;
}
.show_box_hover .item3{
background:#906;
}
.show_box_hover .item4{
background:#9F6;
}
.show_box_hover .item5{
background:#CF9;
}
.show_box_hover .item6{
background:#90F;
}
-
学知识>
有事情请联系小白！交志同道合的朋友
邮箱：flytosky1991@126.com
QQ：879974693
-
交挚友>
有事情请联系小白！交志同道合的朋友
邮箱：flytosky1991@126.com
QQ：879974693
-
能赚钱>
有事情请联系小白！交志同道合的朋友
邮箱：flytosky1991@126.com
QQ：879974693
-
找业务>
有事情请联系小白！交志同道合的朋友
邮箱：flytosky1991@126.com
QQ：879974693
-
招人才>
有事情请联系小白！交志同道合的朋友
邮箱：flytosky1991@126.com
QQ：879974693
-
求发展>
有事情请联系小白！交志同道合的朋友
邮箱：flytosky1991@126.com
QQ：879974693
实现效果
