上代码
源技<a href="https://so.csdn.net/so/search?q=%E4%BA%94%E5%AD%90%E6%A3%8B&spm=1001.2101.3001.7020" target="_blank" class="hl hl-1" data-report-click="{"spm":"1001.2101.3001.7020","dest":"https://so.csdn.net/so/search?q=%E4%BA%94%E5%AD%90%E6%A3%8B&spm=1001.2101.3001.7020","extra":"{\"searchword\":\"五子棋\"}"}" data-tit="五子棋" data-pretit="五子棋">五子棋</a> <
style type="text/css">
canvas {
display: block;
margin: 50px auto;
box-shadow: -2px -2px 2px #efefef, 5px 5px 5px #b9b9b9;
cursor: pointer;
}
.btn-wrap {
display: flex;
flex-direction: row;
justify-content:center;
}
.btn-wrap div {
margin: 0 10px;
}
div>span {
display: inline-block;
padding: 20px 40px;
color: #fff;
background-color: #FF0000;
border-radius: 5px;
cursor: pointer;
}
div.unable span {
background: #D6D6D4;
color: #adacaa;
}
#result-wrap {text-align: center;}
--益智五子棋--