漂亮的tab配色方案

< html >
< style > ...
div {...}{width:200px;height:50px;margin:5px auto;text-align:center;padding-top:15px;float:left;margin-left:10px;}
body{...}{ text-align:center;}
#continer{...}{width:80%;}
.s1{...}{border:1px solid #ABCD3A;background:#F2FDDB;}
.s2{...}{border:1px solid #E8DB97;background:#FFFFDD;}
.s3{...}{border:1px solid #F9B3D5;background:#FFE7F4;}
.s4{...}{border:1px solid #ACC6E9;background:#E8F5FE;}
.s5{...}{border:1px solid #D5D5D5;background:#F7F7F7;}
.s6{...}{border:1px solid #3DAC33;background:#F3FFF3;}
.s7{...}{border:1px solid #FF9900;background:#FEFAEF;}
.s8{...}{border:1px solid #5FBAFF;background:#EFF8FF;}
.s9{...}{border:1px solid #E71516;background:#FDE5E5;}
.s10{...}{border:1px solid #8395BE;background:#DDECFA;}
.s11{...}{border:1px solid #CED8E4;background:#F2F8FF;}
.s12{...}{border:1px solid #9A3EC2;background:#DBB5EB;}
.s13{...}{border:1px solid #608FFF;background:#9AB9FF;}
.s14{...}{border:1px solid #8080ff;background:#eeeeff;}
.s15{...}{border:1px solid #ff00ff;background:#fadef9;}
</ style >
< body >
< div  id ="continer" >
     < div  class ="s1" > s1 </ div >
     < div  class ="s2" > s2 </ div >
     < div  class ="s3" > s3 </ div >
     < div  class ="s4" > s4 </ div >
     < div  class ="s5" > s5 </ div >
     < div  class ="s6" > s6 </ div >
     < div  class ="s7" > s7 </ div >
     < div  class ="s8" > s8 </ div >
     < div  class ="s9" > s9 </ div >
     < div  class ="s10" > s10 </ div >
     < div  class ="s11" > s11 </ div >
     < div  class ="s12" > s12 </ div >
     < div  class ="s13" > s13 </ div >
     < div  class ="s14" > s14 </ div >
     < div  class ="s15" > s15 </ div >
</ div >
</ body >
</ html >