星空网 > 软件开发 > 网页设计

CSS仿真扑克牌

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html <head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>CSS仿真扑克牌</title>
<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;}


span{
display:block;
width:20px;
height:30px;
line-height:30px;
position:absolute;
font-size:26px;
left: 22px;
top: 130px;
}
b{display:block;width:15px;height:10px; position:absolute;font-size:10px;text-align:center;font-weight:bold;overflow:hidden;}
/*坐标位置*/
.A1{left:21px;top:10px;}
.A2{left:21px;top:50px;}
.A3{left:21px;top:90px;}
.A4{left:21px;top:130px;}
.B1{left:51px;top:76px;}
.C1{left:83px;top:10px;}
.C2{left:83px;top:50px;}
.C3{left:83px;top:90px;}
.C4{left:83px;top:130px;}
.scroll{FILTER:progid:DXImageTransform.Microsoft.BasicImage(Rotation=2);height:1px}
.index {
font-size: 16px;
font-weight: bold;
text-align: center;
width:14px;
height:36px;
position: absolute;
left:5px;
top:0px;
}
.end {
font-size: 16px;
font-weight: bold;
text-align: center;
width:14px;
height:36px;
position: absolute;
right:5px;
bottom:0px;
}
.red { color: #ff0000; }
.font{font-size:34px;}</style>
</head>
<body>
<BGSOUND CEP="1" />
<div >
<div >
<strong >9<br />&#9824;</strong>
<span >&#9824;</span>
<span >&#9824;</span>
<span >&#9824;</span>
<span >&#9824;</span>
<span >&#9824;</span>
<span >&#9824;</span>
<span >&#9824;</span>
<span >&#9824;</span>
<span >&#9824;</span>
<strong >&#9824;<br/ />9</strong>
</div>
</div>
<BGSOUND CEP="2" />
<div >
<div >
<strong >9<br />&#9829;</strong>
<span >&#9829;</span>
<span >&#9829;</span>
<span >&#9829;</span>
<span >&#9829;</span>
<span >&#9829;</span>
<span >&#9829;</span>
<span >&#9829;</span>
<span >&#9829;</span>
<span >&#9829;</span>
<strong >&#9829;<br/ />9</strong>
</div>
</div>
<BGSOUND CEP="3" />
<div >
<div >
<strong >9<br />&#9827;</strong>
<span >&#9827;</span>
<span >&#9827;</span>
<span >&#9827;</span>
<span >&#9827;</span>
<span >&#9827;</span>
<span >&#9827;</span>
<span >&#9827;</span>
<span >&#9827;</span>
<span >&#9827;</span>
<strong >9<br/ />&#9827;</strong>
</div>
</div>
<BGSOUND CEP="4" />
<div >
<div >
<strong >9<br />&#9830;</strong>
<span >&#9830;</span>
<span >&#9830;</span>
<span >&#9830;</span>
<span >&#9830;</span>
<span >&#9830;</span>
<span >&#9830;</span>
<span >&#9830;</span>
<span >&#9830;</span>
<span >&#9830;</span>
<strong >&#9830;<br/ />9</strong>
</div>
</div>
<div>http://www.999jiujiu.com/</div>
</body>
</html>




原标题:CSS仿真扑克牌

关键词:CSS

CSS
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。

新手如何做好亚马逊无货源店铺?看完这些你就知道了!:https://www.ikjzd.com/articles/95901
跨境电商风口来临,你需要知道的亚马逊无货源运营技巧!:https://www.ikjzd.com/articles/95902
干货!速卖通运费模版设置教程!:https://www.ikjzd.com/articles/95904
亚马逊与国内电商平台对比有什么优势?:https://www.ikjzd.com/articles/95907
速卖通2019箱包类目攻略:透过行业趋势打造细分品类!:https://www.ikjzd.com/articles/95910
外媒:Arm停止与华为合作,Arm china也无所幸免?:https://www.ikjzd.com/articles/95911
TikTok 将推出先买后付服务 :https://www.kjdsnews.com/a/1836651.html
TikTok 将推出先买后付服务 :https://www.goluckyvip.com/news/188219.html
相关文章
我的浏览记录
最新相关资讯
海外公司注册 | 跨境电商服务平台 | 深圳旅行社 | 东南亚物流