css sprites把很多小图集成在一张图片上

.nA{background-position:-75px 0px;left:4px;}

.n2{background-position:-87px 0px;}

.n3{background-position:-100px 0px;}

.n4{background-position:-113px 0px;}

.n5{background-position:-126px 0px;}

.n6{background-position:-139px 0px;}

.n7{background-position:-152px 0px;}

.n8{background-position:-165px 0px;}

.n9{background-position:-178px 0px;}

.n10{background-position:-191px 0px;left:-4px;width:21px;}

.nJ{background-position:-214px 0px;left:4px;}

.nQ{background-position:-227px 0px;left:2px;}

.nK{background-position:-241px 0px;left:0px;}

/*A~k数字图片-右下角*/

.nA_h{background-position:-75px -22px;right:2px;}

.n2_h{background-position:-87px -22px;}

.n3_h{background-position:-100px -22px;}

.n4_h{background-position:-113px -22px;}

.n5_h{background-position:-126px -22px;}

.n6_h{background-position:-139px -22px;}

.n7_h{background-position:-152px -22px;}

.n8_h{background-position:-165px -22px;}

.n9_h{background-position:-178px -22px;}

.n10_h{background-position:-191px -22px;right:3px;width:21px;}

.nJ_h{background-position:-214px -22px;right:2px;}

.nQ_h{background-position:-227px -22px;right:4px;}

.nK_h{background-position:-241px -22px;right:6px;}

/*A~k数字图片-左上角红色字*/

.nA_red{background-position:-75px -11px;}

.n2_red{background-position:-87px -11px;}

.n3_red{background-position:-100px -11px;}

.n4_red{background-position:-113px -11px;}

.n5_red{background-position:-126px -11px;}

.n6_red{background-position:-139px 0px;}

.n7_red{background-position:-152px -11px;}

.n8_red{background-position:-165px 0px;}

.n9_red{background-position:-178px -11px;}

.n10_red{background-position:-191px 0px;}

.nJ_red{background-position:-214px -11px;}

.nQ_red{background-position:-227px -11px;}

.nK_red{background-position:-240px -11px;}

/*A~k数字图片-右下角红色字*/

.nA_h_red{background-position:-75px -33px;}

.n2_h_red{background-position:-87px -33px;}

.n3_h_red{background-position:-100px -33px;}

.n4_h_red{background-position:-113px -33px;}

.n5_h_red{background-position:-126px -33px;}

.n6_h_red{background-position:-139px -33px;}

.n7_h_red{background-position:-152px -33px;}

.n8_h_red{background-position:-165px -33px;}

.n9_h_red{background-position:-178px -33px;}

.n10_h_red{background-position:-191px -33px;}

.nJ_h_red{background-position:-214px -33px;}

.nQ_h_red{background-position:-227px -33px;}

.nK_h_red{background-position:-241px -33px;}

/*J,Q,K的位置有点偏移*/

.J1{left:23px;top:23px;z-index:1;}

.J4{left:80px;top:128px;}

/*J,Q,K的中间图片*/

.BJ{display:block;width:80px;height:130px;left:21px;top:20px;border:1px #000 solid;background:url(http://www.blueidea.com//articleimg/2009/02/6382/00.gif) no-repeat 0px -62px;}

.BQ{display:block;width:80px;height:130px;left:21px;top:20px;border:1px #000 solid;background:url(http://www.blueidea.com//articleimg/2009/02/6382/00.gif) no-repeat -80px -62px;}