Html
    Css
    Js

    
                        
 td {
	border:2px solid #333;
	height:100px;
	width:100px;
	text-align:center;
	vertical-align:middle;
	font-family:"
	Comic Sans MS",cursive,sans-serif;
	font-size:70px;
	cursor:pointer;
}
table {
	border-collapse:collapse;
	position:absolute;
	left:50%;
	margin-left:-155px;
	top:50px;
}
table tr:first-child td {
	border-top:0;
}
table tr:last-child td {
	border-bottom:0;
}
table tr td:first-child {
	border-left:0;
}
table tr td:last-child {
	border-right:0;
}
.endgame {
	display:none;
	width:200px;
	top:120px;
	background-color:rgba(
	205,133,63,0.8)
	position:absolute;
	left:50%;
	margin-left:-100px;
	padding-top:50px;
	padding-bottom:50px;
	text-align:center;
	border-radius:5px;
	color:white;
	font-size:2em;
}
.selectSym {
	display:none;
	width:220px;
	top:110px;
	background-color:rgba(
	205,133,63,0.8)
	position:absolute;
	left:50%;
	margin-left:-110px;
	padding-top:10px;
	padding-bottom:50px;
	text-align:center;
	border-radius:5px;
	color:yellow;
	font-size:2em;
}
.selectSym button {
	font-family:"
	Comic Sans MS",cursive,sans-serif;
	font-size:50px;
	width:70px;
}
.selectSym  button:first-of-type {
	margin-right:10px;
}
.selectSym  button:last-of-type {
	margin-left:10px;
}

                        
↑上面代码改变,会自动显示代码结果 jQuery调用版本:1.11.3
 立即下载

井字游戏代码

更新时间:2020-08-27 14:18:06

0