当前位置 博文首页 > weixin_34061042的博客:html+css+javascript 完成一个简单五子
一、HTML/CSS代码
1 <!DOCTYPE html> 2 <html lang="en"> 3 <!-- Head --> 4 <head> 5 <meta charset="UTF-8"> 6 <title>五子棋</title> 7 <!-- css --> 8 <style type="text/css"> 9 #container { 10 width: 531px; 11 height: 645px; 12 margin: 0 auto; 13 border: 1px solid blue; 14 background:url(qipan.jpg) no-repeat; 15 padding-top: 0px; 16 padding-left: 5px; 17 } 18 td{ 19 width: 40px; 20 height:33px; 21 } 22 table{ 23 border-collapse: collapse; 24 width: 525px; 25 height: 465px; 26 } 27 </style> 28 <!-- css ends --> 29 <!-- script --> 30 <script src="wuzi.js"></script> 31 <!-- script ends --> 32 </head> 33 <!-- Head Ends --> 34 <!-- Body --> 35 <body> 36 <!-- Container --> 37 <div id="container"> 38 <!-- table model --> 39 <table> 40 <tr> 41 <td> </td> 42 <td> </td> 43 <td> </td> 44 <td> </td> 45 <td> </td> 46 <td> </td> 47 <td> </td> 48 <td> </td> 49 <td> </td> 50 <td> </td> 51 <td> </td> 52 <td> </td> 53 <td> </td> 54 <td> </td> 55 <td> </td> 56 </tr> 57 <tr> 58 <td> </td> 59 <td> </td> 60 <td> </td> 61 <td> </td> 62 <td> </td> 63 <td> </td> 64 <td> </td> 65 <td> </td> 66 <td> </td> 67 <td> </td> 68 <td> </td> 69 <td> </td> 70 <td> </td> 71 <td> </td> 72 <td> </td> 73 </tr> 74 <tr> 75 <td> </td> 76 <td> </td> 77 <td> </td> 78 <td> </td> 79 <td> </td> 80 <td> </td> 81 <td> </td> 82 <td> </td> 83 <td> </td> 84 <td> </td> 85 <td> </td> 86 <td> </td> 87 <td> </td> 88 <td> </td> 89 <td> </td> 90 </tr> 91 <tr> 92 <td> </td> 93 <td> </td> 94 <td> </td> 95 <td> </td> 96 <td> </td> 97 <td> </td> 98 <td> </td> 99 <td> </td> 100 <td> </td> 101 <td> </td> 102 <td> </td> 103 <td> </td> 104 <td> </td> 105 <td> </td> 106 <td> </td> 107 </tr> 108 <tr> 109 <td> </td> 110 <td> </td> 111 <td> </td> 112 <td> </td> 113 <td> </