雅虎、网易[Ajax标签导航]效果的实现-CSS

body{ margin: 0;padding: 0;background: #FFF;color: #000;font: normal 12px 宋体,arial,sans-serif;text-align: left;}
div,form,ul,ol,li,span,p {border: 0;margin: 0;padding: 0;}

/*链接样式*/
a:link{color: #000;text-decoration: none;}
a:visited{color: #000;text-decoration: none;}
a:hover{color: #16387C;text-decoration: underline;}

.news_tabsnav{
    border: solid #B0BEC7;
    border-width: 0 1px 0 1px;
}

.news_content{
    border: solid #B0BEC7;
    border-width: 0 1px 1px 1px;
}


/*清除float*/
.clear{ clear: both; font-size:1px; visibility: hidden; }

/*空格*/
.blank2{font-size: 1px;height: 2px;margin: 0 auto;width: 962px;}
.blank5{font-size: 1px;height: 5px;margin: 0 auto;width: 950px;}
.sblank2{font-size: 1px;height: 2px;margin: 0 auto;width: 100px;}
.sblank3{font-size: 1px;height: 3px;margin: 0 auto;width: 100px;}
.sblank5{font-size: 1px;height: 5px;margin: 0 auto;width: 400px;}
.sblank7{font-size: 1px;height: 7px;margin: 0 auto;width: 400px;}

/*边距*/
.margin-right{margin-right: 6px;}
.margin-right-left{margin-right: 3px; margin-left:3px;}

/*字体颜色*/
.fcborange{color: #F0741A;font: bold 12px arial,sans-serif;}
.fcred{color:#FF0000;}
.fcwhite{color:#FFF;font:normal 13px 宋体,arial,sans-serif;letter-spacing:1px;}

.class_title{float:right;
    margin: 0 auto;
    width: 14px;
    height: 17px;
    border: 1px solid #9EB1C0;
    padding: 1px;
background:url(../images/tab_drop1.gif) 6px center no-repeat;
}
#news_cnt,#tab_cnt{
  display: block;
  overflow:hidden;
}

/*新闻标签导航*/
.news_tabsnav{
    background: url(../images/tab_bg.gif) #FFF left top repeat-x;
    border: 0;
    height: 22px;
    margin: 0 auto;
    padding: 0;
    width: 474px;
}

.news_tabsnav .tabsmenu{
    height: 22px;
}

.news_tabsnav .tab_sline {
    padding-top: 3px;
    width: 2px;
}

.news_tabsnav li{
    position:relative;
    color: #18397C;
    display: inline;
    float: left;
    padding-top: 4px;
    font: normal 12px 宋体,arial,sans-serif;
    list-style-type: none;
    margin: 0;
    text-align: center;
    width: 110px;
}


.tabsmenu li a{
display:block;
margin-top:-6px;
padding-top: 6px;
height:16px;
}

/*导航菜单点击后的样式*/
.news_tabsnav .tabactive1{
    background: url(../images/tab_active1.gif);
    color: #F26400;
    font: bold 12px 宋体,arial,sans-serif;
    height: 18px;
    padding-top: 4px;
    text-align: center;
    width: 110px;
}

.news_tabsnav .tabactive3{
    background: url(../images/tab_active2.gif);
    color: #F26400;
    font: bold 12px 宋体,arial,sans-serif;
    height: 18px;
    padding-top: 4px;
    text-align: center;
    width: 110px;
}

.news_tabsnav .tabactive5{
    background: url(../images/tab_active2.gif);
    color: #F26400;
    font: bold 12px 宋体,arial,sans-serif;
    height: 18px;
    padding-top: 4px;
    text-align: center;
    width: 110px;
}

.news_tabsnav .tabactive7{
    background: url(../images/tab_active2.gif);
    color: #F26400;
    font: bold 12px 宋体,arial,sans-serif;
    height: 18px;
    padding-top: 4px;
    text-align: center;
    width: 110px;
}

/*最新消息主体*/
.news_content{
    border: 0;
    margin: 0 auto;
    width: 474px;
}
.rightmore{text-align:right;}
/*推荐新闻列表*/
.news_list{
    height: 120px;
    margin: 0 auto;
    width: 460px;
}

.news_list img{
    border: 1px solid #9EB1C0;
    float: left;
    height: 115px;
    margin: 0;
    padding: 1px;
    width: 154px;
    cursor: pointer;
}

.news_list .new_top7{
    float: right;
    height: 120px;
    margin: 0;
    width: 290px;
}

.news_list .new_top7 li{
    float: left;
    font: normal 13px 宋体,sans-serif;
    height: 12px;
    list-style-type: none;
    margin: 0;
    padding: 0 0 5px 0!important;
    padding: 0 0 2px 0;
    width: 290px;
}

.news_list .new_top7 li a:link,a:visited{
    color: #18397C;
}

.news_list .new_top7 li a:hover{
    color: #FF0000;
}

/*LOGO广告*/
.logos{
    margin: 0 auto;
    width: 458px;
    padding: 1px !important;
    border: 1px solid #9EB1C0;
}

.logoscnt{
    margin: 0 auto;
    width: 458px;
    padding: 6px 0 7px 0 !important;
    padding: 4px 0 5px 0;
    text-align: center;
    background: url(../images/logos_bg.gif) repeat-x;
}

/*基本信息统计*/
.siteinfo{
    height: 12px;
    letter-spacing: 1px;
    margin: 0 auto;
    padding: 4px 0 4px 0 !important;
    padding: 2px 0 2px 0;
    text-align: center;
    width: 460px;
}

.loading{
    margin:0 auto;
    padding-top:77px;
    padding-bottom:77px;
    width:460px;
    height:18px;
    text-align:center;
}