纯纯js和和css完成贪吃蛇小游戏完成贪吃蛇小游戏demo
本文实例为大家分享了js贪吃蛇小游戏demo，纯js和css完成，供大家参考，具体内容如下
<!doctype html>
<html>
<meta charset="utf-8">
<head>
<style>
*{
margin: 0;
padding:0;
}
.content{
position: absolute;
width: 500px;
height: 500px;
background-color: #212121;
}
.colo{
width: 48px;
height: 48px;
background-color: #E6E6E6;
border: 1px solid #466F85;
float: left;
}
.head{
/*background-color: #49DF85;*/
background-image: url(./img/22.jpg);
border-radius: 10px;
background-size: 100%;
position: absolute;
height: 48px;
width: 48px;
}
.fruit{
/*background-color: #49DF85;*/
background-image: url(./img/fruit.jpg);
background-size: 100%;
position: absolute;
height: 48px;
width: 48px;
}
.score{
font-family: '黑体';
left:600px;
position: absolute;
height: 50px;
width: 200px;
background-color: #212121;
color: #FFF;
}
.newbody{
position: absolute;
width: 48px;
height: 48px;
background-image: url(./img/33.jpg);
background-size: 100%;
}
.btn{
font-family: '黑体';
left:600px;
top: 100px;
position: absolute;
height: 50px;
width: 100px;
background-color: #1193FF;
color: #FFF;
text-align: center;
line-height: 50px;
font-size: 20px;
cursor: pointer;
border-radius: 15px;
}
</style>
</head>
<body>
资源评论
weixin_38670501
- 粉丝: 8
- 资源: 975
最新资源
- 英雄联盟（League of Legends, LOL）数据集，包含：英雄联盟比赛数据，英雄联盟选手数据（KDA，伤害数，承伤数，补刀等），英雄联盟对战情况数据
- Python爬虫开发与实战-从入门到精通
- Spring项目集成FastDFS文件服务器代码
- 江科大STM32学习笔记（上）-最终版本
- 2024 Java offer 收割指南.pdf
- 12万字 java 面经总结.pdf
- SpringMVC面试题.pdf
- JAVA核心面试知识整理.pdf
- SpringCloud面试题.pdf
- SpringBoot面试题.pdf
- Spring面试专题.pdf
- 并发编程基础知识.pdf
- 代码随想录知识星球精华（最强八股文）第五版（Go篇）.pdf
- 代码随想录知识星球精华（最强八股文）第五版（概述）.pdf
- 代码随想录知识星球精华（最强八股文）第五版（面经篇）.pdf
- 代码随想录知识星球精华（最强八股文）第五版（星球资源篇）.pdf
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
