乌龟抓鸡

乌龟抓鸡游戏

//html文件










　　　　　　　乌龟抓鸡　　游戏规则说明

//css文件
.gameName{
   font-family:"华文新魏";
   font-size:60px;
   font-weight:30px;
   //color:orange;
   left:30px;
}

.bg{
    margin-top:20px;
    margin-left:50px;
	width:1200px;
	height:500px;
	//border:1px solid red;
}

.img1{
    width:1200px;
	height:430px;
	//border:1px solid blue;
}

.controlcenterdiv{
	width:205px;
	margin-left:500px;
	//border:1px solid black;
}

.style1{
	// border:1px solid green;
     width:200px;
	 height:120px;
	 text-align:center;
}

.input{
    font-family:"华文新魏";
    font-size:14px;
	width:65px;
	height:28px;
	
}
.input0{
    background-image:url(a0.png);
	width:65px;
	height:28px;
	background-size:40% 100%
}
.input1{
    background-image:url(a1.png);
	width:65px;
	height:28px;
	background-size:80% 50%
}
.input2{
    background-image:url(a2.png);
	width:65px;
	height:28px;
	background-size:40% 100%
}
.input3{
    background-image:url(a3.png);
	width:65px;
	height:28px;
	background-size:100% 50%
}

.img2{
    width:150px;
	height:80px;
	position:absolute;
}

.img3{
    width:100px;
	height:60px;
	position:absolute;
	//border:1px solid black;
}

.img4{
    width:150px;
	height:80px;
	position:absolute;
	left:1010px;
	top:200px;
}

.img5{
    width:30px;
	height:8px;
	position:absolute;
	//opacity:1.0;
	//border:1px solid black;
}

.img7{
    width:80px;
	height:50px;
	position:absolute;
	left:1180px;
	top:220px;
}

.img8{
   position:absolute;
   width:200px;
   height:200px;
}

.img6{
   position:absolute;
   width:200px;
   height:130px;
}

a:link{
   color:red;
   font-size:24px;
   font-family:"华文新魏";    /*注意与html文件中的区别，...*/
   text-decoration:none;
}
a:hover{
    text-decoration:underline;
	font-size:40px;
	font-family:"华文新魏";
}

运行结果：

（纯属练习，存在不足。）