js+css实现数独游戏代码

代码语言:html

所属分类:游戏

代码描述:js+css实现数独游戏代码

代码标签: js css 数独 游戏 代码

下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html>

<head>
     <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,target-densitydpi=high-dpi,user-scalable=yes">
<style>
.layui-col-space1 {
	margin:-.5px
}
.layui-col-xs1 {
	float:left;
	position:relative;
	display:block;
	box-sizing:border-box
}
.box {
	width:300px;
	height:300px;
	margin:0 auto;
	border:8px solid #aa754f;
	position:relative;
	background:#421c0f;
	padding-bottom:3px;
	border-radius:4px;
	box-shadow:3px 3px 3px #7d4d14
}
.box .box-item.no-num div {
	background:#421c0f
}
.box .box-item div {
	border:1px solid #6d543a;
	box-sizing:border-box;
	text-align:center;
	height:100%;
	background:#e4b77c;
	box-shadow:1px 1px 1px 1px #673800;
	border-bottom:0;
	color:#8f532f;
	font-weight:bold;
	font-family:tahoma,arial,sans-serif;
	cursor:pointer
}
.start {
	width:200px;
	height:40px;
	background:#aa754f;
	box-shadow:0 3px 3px #7d4d14;
	margin:10px auto;
	display:block;
	transition:box-shadow .5s;
	color:#fff;
	border:1px solid #6d543a;
	cursor:pointer;
	font-size:17px;
	font-weight:bold;
	letter-spacing:2px
}
.start:hover {
	box-shadow:0 .........完整代码请登录后点击上方下载按钮下载查看

网友评论0