tab.css 1.5 KB

12345678910111213141516171819
  1. @CHARSET "UTF-8";
  2. #tab ul,#tab li{margin: 0;padding: 0;list-style: none;}
  3. #tab{overflow: hidden;position: absolute;left:0;right: 93px; }
  4. #tab>.tabs{position: relative;height: 34px;left: 15px;}
  5. #tab>.tabs>li{line-height:34px;padding:0px 34px;width:206px;position: absolute;margin-bottom: -1px;background: url("../image/bg2.png") no-repeat ;overflow: hidden;cursor:pointer;}
  6. #tab>.tabs>.thistab>div{color: #646464;}
  7. #tab>.tabs>li>div{height: 34px;overflow: hidden;color: #8e9091;}
  8. #tab>.tabs>li>div>p{float: left;text-align: center;width: 120px;font-size: 14px;}
  9. #tab>.tabs>li>div>span{float: right;width: 14px;height: 34px;background: url("../image/close.png") center no-repeat;}
  10. #tab>.tabs>li>div>span:hover{background: url("../image/close_1.png") center no-repeat;}
  11. #tab>.tabs>li>div>img{margin-right: 10px;position: relative;top:1px;float: left;margin-top: 8px;}
  12. #tab>.tabs>.thistab{background: url("../image/bg1.png") no-repeat ;}
  13. #tab>.tabs>.thistab span{display:inline;}
  14. #buttontab{position:absolute;right:20px;width:72px;overflow: hidden;}
  15. #buttontab>a{width:36px;height:29px;text-decoration: none;color:#fff;float: left;}
  16. #buttontab>a:hover{color:#ff0000;}
  17. #buttontab>#tabsprev{background: url("../image/change.png") no-repeat 0 0}
  18. #buttontab>#tabsnext{background: url("../image/change.png") no-repeat -36px 0}
  19. #tabs_content{ border-top:1px solid #1d6895;position: absolute;top:33px;width: 100%;bottom: 32px;background:#fff;z-index: 100;}