1.tabs, .tabs2, .tabs3 { 2 background-image: url('tab_b.png'); 3 width: 100%; 4 z-index: 101; 5 font-size: 13px; 6 font-family: 'Lucida Grande',Geneva,Helvetica,Arial,sans-serif; 7} 8 9.tabs2 { 10 font-size: 10px; 11} 12.tabs3 { 13 font-size: 9px; 14} 15 16.tablist { 17 margin: 0; 18 padding: 0; 19 display: table; 20} 21 22.tablist li { 23 float: left; 24 display: table-cell; 25 background-image: url('tab_b.png'); 26 line-height: 36px; 27 list-style: none; 28} 29 30.tablist a { 31 display: block; 32 padding: 0 20px; 33 font-weight: bold; 34 background-image:url('tab_s.png'); 35 background-repeat:no-repeat; 36 background-position:right; 37 color: #434343; 38 text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.9); 39 text-decoration: none; 40 outline: none; 41} 42 43.tabs3 .tablist a { 44 padding: 0 10px; 45} 46 47.tablist a:hover { 48 background-image: url('tab_h.png'); 49 background-repeat:repeat-x; 50 color: #fff; 51 text-shadow: 0px 1px 1px rgba(0, 0, 0, 1.0); 52 text-decoration: none; 53} 54 55.tablist li.current a { 56 background-image: url('tab_a.png'); 57 background-repeat:repeat-x; 58 color: #fff; 59 text-shadow: 0px 1px 1px rgba(0, 0, 0, 1.0); 60} 61