<meta charset="utf-8"> <title></title> <style type="text/css"> *{margin: 0;padding: 0;} body{background: #434343;overflow: hidden;} .start{ position: fixed; width: 300px; height: 150px; background: #F5F5DC; color: black; top: 50%; left: 50%; text-align: center; line-height: 150px; border-radius: 10px; margin-top: -75px ; margin-left: -150px; font-size: 70px; } .score1{ position: fixed; width: 100px; height: 150px; background: #F5F5DC; color: black; top: 3%; left: 100%; text-align: center; border-radius: 10px; font-size: 34px; margin-left: -100px; } .score2,.score3{ width: 100px; height: 50px; font-size: 20px; text-align: center; line-height: 50px; border-radius: 5px; font-weight: bold; } .score2{ color: black; } .score3{ background: blue; cursor: pointer; margin-top: 5px; color: white; } .balloon{ position: absolute; left: 0; bottom: 0; width:50px; height: 50px; border-radius: 50px 50px 30px 50px; transform: rotate(45deg); background: #faf9f9; box-shadow:-8px -8px 80px -8px hotpink inset,-17px 11px 14px rgba(220,150,150,0.3); } .balloon:after{ content:'';/*伪元素的内容*/ position: absolute; display: block; bottom: -2px; right: -3px; height: 0px; width: 0px; border: 7px solid #dbbdbd; border-top-color: transparent;/*透明的*/ border-bottom-color: transparent; border-right-color: transparent; transform: rotate(225deg); border-radius: 10px; } .zimu{ top: 9px; left: 9px; position: absolute; width: 30px; height: 30px; line-height: 30px; text-align: center; font-size: 25px; transform: rotate(-45deg); } </style> <script type="text/javascript" src="打字游戏.js"></script> </head> <body> <div class="score1"> <h4>得分:</h4> <div class="score2" id="scorefensu">0</div> <div class="score3" onclick="chongzhi()">重新开始</div> </div> <div class="start" id="kaishi1" onclick="kaishi()">开始</div> </body>
*
回帖描述：*
链接类型：*
下载链接：
验证通过自动获取下载链接
*
描述：*
回帖描述：*
链接类型：*
阅读权限：*
下载链接：
微信客服
QQ客服
QQ群
![[php框架] Smarty基础商品教程 Smarty入门教程 Smarty框架教程 共10课](https://jy.tp.yuanmeng.life/uploads/images/20210319/f47dc487eb949895833cd962fddc6a8b.jpg)
附件
