作为 一个90后，游戏对我来说是必不可少的一项娱乐项目。                        今天，是我学WEB前端的第15天，也是我第一次做出一款自己编写出的小游戏，是我最难忘的一天。

以下就是我今天的劳动成果，虽然还不是很完善，但我会努力学习，做出一款属于自己的游戏。

*{

margin:0;

padding:0;

}

html{

height: 100%

}

body{

height: 100%

}

.f1{

position: relative;

width: 50%;

background-color:#808080;

/* border 外边框，solid 实线，biack 黑色*/

border-left:2px solid black;

border-right:2px solid black;

height: 100%;

/* margin:0 auto 0 auto水平居中*/

margin:0 auto 0 auto;

}

.f2{

border-right:4px dashed white;

/* 靠左浮动*/

float: left;

width: 20%;

height: 100%;

box-sizing:border-box;

}

.f3{

position: absolute;

width:12%;

left:4%;

top:100px;

}

var a = 4;

document.onkeydown=function(xiaozhi) {

if(xiaozhi.keyCode== 39)

{ a = a + 20 }

if(xiaozhi.keyCode== 37)

{ a = a - 20 }

if(a > 84)

{a = 84}

if(a<4)

{a = 4}

$(".f3").css({left:a + "%"});}

学习前端让我很充实，很满足。