html+css+纯js做的贪吃蛇

/*css*/.hd{overflow:hidden;}.sm{text-align: center;padding:10px;font-size: 24px;font-family: '楷体'}.title{text-align: center;padding:10px;font-size: 24px;font-family: '楷体'}.conten{width: 600px; height: 600px;position: fixed;left:50%;top:50%;margin-top: -300px;margin-left: -300px;}.main{width: 600px; height: 400px; border: 4px solid #9E5151; position: relative;border-radius:10px;}.inst{width: 18px; height: 18px; background: blue; position: absolute;border: 1px solid blue;border-radius:50%;box-shadow: 0 0 5px ;opacity: 0.8}.head{background:red!important;opacity:0.8;text-align: center;}.tan0{width: 18px; height: 18px; background: #72C14A;float:left;border: 1px solid #eee;border-radius:50%;}.span1{margin-left: 40px;}