第一步、我们先来画一画五子棋的棋盘,画出一个棋盘,画一个四方形。
第二步、接着我们画一画棋盘的棋盘格,横横竖竖的横要平,竖要直溜溜。
第三步、接着我们画出棋盘里面的棋子,黑色和白色的棋子就完成啦。
棋盘用1个 div 作为容器,用 css 一些内边距{padding: 60px},里面的网格也是用 div 标签,可以用脚本生成,一共输出20*20=400个格子就可以了,方便多了,格子设置样式为{width: 40pxheight: 40pxfloat: left}第一步、我们先来画一画五子棋的棋盘,画出一个棋盘,画一个四方形。
第二步、接着我们画一画棋盘的棋盘格,横横竖竖的横要平,竖要直溜溜。
第三步、接着我们画出棋盘里面的棋子,黑色和白色的棋子就完成啦。
棋盘用1个 div 作为容器,用 css 一些内边距{padding: 60px},里面的网格也是用 div 标签,可以用脚本生成,一共输出20*20=400个格子就可以了,方便多了,格子设置样式为{width: 40pxheight: 40pxfloat: left}