用css和div画出田字格，css实现田字格

怎样用div+css制作一个类似于表格的东西?

1、）DIV+CSS是用来替换表格排版的，表格还是用table。2）可以尝试用ul li 做简单的表格 3）用DIV+CSS做表格的方法和做页面布局的方法一致，所以你要学习一下这方面，可以参考一下相关视频教程。

2、div+css其实是盒子原理，你要了解到每一对html标签就是一个盒子，然后你想要在这个盒子里放一些什么样的内容，这就根据页面来定了，如图，盒子包括有外边距(margin)，这个可以这样理解就是两个盒子之间的距离这就叫外边距。

3、因为用div css写表格时，表格间的逻辑排列关系完全是靠自己手写代码判断，如果你没有很强的手写代码能力和逻辑性，你所花费的时间，比你用table制作时间至少是4倍左右。

4、如果你说是想要用表格做成那种效果的话，合并就行了，cellspaction（应该拼错了，去w3school查查看表格合并）再加上css样式来控制就可以了。其实完全不用那么麻烦，直接用div+css就可以实现的。

相关问答

Q1: 如何用DIV+CSS制作表格

总体思路就是利用宽度和浮动来实现，给ul一个固定的宽度，第一行显示的li平分这个宽度，后面的li因为没有位置就自动去了第二行，让它独占一行，就可以实现这个效果。以上，希望对你有帮助。

直接用table+css很简单的就写出来了。为什么一定要DIV+CSS呢。该用table还是用table啥。直接用CSS控制表格的边框线就OK了。就用border-left，border-right，border-top，border-bottom.就性了。

）DIV+CSS是用来替换表格排版的，表格还是用table。2）可以尝试用ul li 做简单的表格 3）用DIV+CSS做表格的方法和做页面布局的方法一致，所以你要学习一下这方面，可以参考一下相关视频教程。

CSS布局常用的方法：float ： none | left | right 取值：none ： 默认值。

Q2: html中用div完成田字格的布局怎么弄啊?

1、这个比较简单，可以拆分一下，先上下布局，在子区域里左右布局。

2、/div div的嵌套使用来完成整个网页的布局，你可以将div理解成一个一个的块，然后在div块中写入P等等标签，然后再通过CSS来修饰就行了，如高度，宽度，背景。

3、；现在用的最多的是DIV+CSS来布局，发展的需要，更加灵活多变，代码更整洁清晰。3；DIV嵌套DIVdiv。div class= div class=/div/div4；DIV嵌套表格。

关于用css和div画出田字格和css实现田字格的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。