在网站开发中尤其是新闻类网站，经常遇到多栏目切换的设计，这种效果有很多种实现效果，现在记录一种很简单的写法：
.news_wrap{
width: 380px;
height: 266px;
float: left;
margin-left: 15px;
}
.news_head{
width: 380px;
border-bottom: 2px solid #dedede;
height: 51px;
line-height: 51px;
}
.tabList ul li{
float: left;
cursor: pointer;
font-weight: bold;
text-align: center;
font-size: 16px;
width: 72px;
}
.cli1{
color: #3a7aaf;
border-bottom: 2px solid #3a7aaf;
}
.more{
font-size: 14px;
color: #9a9a9a;
float: right;
font-weight: normal;
padding-right: 0;
}
.tabCon{
width: 376px;
padding-top: 13px;
overflow: hidden;
}
工作动态_list
工作动态_list
工作动态_list
