<p class="sycode"> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <br> <html xmlns="http://www.w3.org/1999/xhtml"> <br> <head> <br> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <br> <title>CSS仿真扑克牌</title> <br> <mce:style type="text/css"><BGSOUND CEP="0" /></mce:style><style type="text/css" mce_bogus="1">.card{width:125px;height:170px; position:absolute;overflow:hidden;border:1px #c0c0c0 solid;} <br> <br> <br> span{ <br> display:block; <br> width:20px; <br> height:30px; <br> line-height:30px; <br> position:absolute; <br> font-size:26px; <br> left: 22px; <br> top: 130px; <br> } <br> b{display:block;width:15px;height:10px; position:absolute;font-size:10px;text-align:center;font-weight:bold;overflow:hidden;} <br> /*坐标位置*/ <br> .A1{left:21px;top:10px;} <br> .A2{left:21px;top:50px;} <br> .A3{left:21px;top:90px;} <br> .A4{left:21px;top:130px;} <br> .B1{left:51px;top:76px;} <br> .C1{left:83px;top:10px;} <br> .C2{left:83px;top:50px;} <br> .C3{left:83px;top:90px;} <br> .C4{left:83px;top:130px;} <br> .scroll{FILTER:progid:DXImageTransform.Microsoft.BasicImage(Rotation=2);height:1px} <br> .index { <br> font-size: 16px; <br> font-weight: bold; <br> text-align: center; <br> width:14px; <br> height:36px; <br> position: absolute; <br> left:5px; <br> top:0px; <br> } <br> .end { <br> font-size: 16px; <br> font-weight: bold; <br> text-align: center; <br> width:14px; <br> height:36px; <br> position: absolute; <br> right:5px; <br> bottom:0px; <br> } <br> .red { color: #ff0000; } <br> .font{font-size:34px;}</style> <br> </head> <br> <body> <br> <BGSOUND CEP="1" /> <br> <div class="card" style="left:10px;top:20px;"> <br> <div class="front"> <br> <strong class="index">9<br />♠</strong> <br> <span class="A1">♠</span> <br> <span class="A2">♠</span> <br> <span class="A3">♠</span> <br> <span class="A4">♠</span> <br> <span class="B1">♠</span> <br> <span class="C1">♠</span> <br> <span class="C2">♠</span> <br> <span class="C3">♠</span> <br> <span class="C4">♠</span> <br> <strong class="end">♠<br/ />9</strong> <br> </div> <br> </div> <br> <BGSOUND CEP="2" /> <br> <div class="card" style="left:175px;top:20px;"> <br> <div class="front red"> <br> <strong class="index">9<br />♥</strong> <br> <span class="A1">♥</span> <br> <span class="A2">♥</span> <br> <span class="A3">♥</span> <br> <span class="A4">♥</span> <br> <span class="B1">♥</span> <br> <span class="C1">♥</span> <br> <span class="C2">♥</span> <br> <span class="C3">♥</span> <br> <span class="C4">♥</span> <br> <strong class="end">♥<br/ />9</strong> <br> </div> <br> </div> <br> <BGSOUND CEP="3" /> <br> <div class="card" style="left:340px;top:20px;"> <br> <div class="フロントレッド"> <br> <strong class="index">9<br />♣</strong> <br> <span class="A1">♣</span> <br> <span class="A2">♣</span> <br> <span class="A3 スクロール">♣</span> <br> <span class="A4 スクロール">♣</span> <br> <span class="B1">♣</span> <br> <span class="C1">♣</span> <br> <span class="C2">♣</span> <br> <span class="C3 スクロール">♣</span> <br> <span class="C4 スクロール">♣</span> <br> <strong class="エンド スクロール">9<br/ />♣</strong> <br> </div> <br> </div> <br> <BGSOUND CEP="4" /> <br> <div class="card" style="left:510px;top:20px;"> <br> <div class="フロントレッド"> <br> <strong class="index">9<br />♦</strong> <br> <span class="A1 font">♦</span> <br> <span class="A2 フォント">♦</span> <br> <span class="A3 フォント">♦</span> <br> <span class="A4 フォント">♦</span> <br> <span class="B1 font">♦</span> <br> <span class="C1 font">♦</span> <br> <span class="C2 font">♦</span> <br> <span class="C3 font">♦</span> <br> <span class="C4 font">♦</span> <br> <strong class="end">♦<br/ />9</strong> <br> </div> <br> </div> <br> <div><A href="http://www.999jiijiu.com/"> http://www.999jiujiu.com/</A></div> <br> </body> <br> </html> </p>