如何用css的div制作表格，怎么用css给div设置样式

如何用Div+css写比较复杂的表格

1、代码见如下图片，不过还要你自己去写一遍。源代码，就不往上粘贴了。给你个图片，自己比着写吧。

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

3、要使用div做一个表格，主要需要应用到css中的border表框属性，这样看起来才像是一个表格。

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

相关问答

Q1: 用DIV+css制作一个单元长度的米字表格

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

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

要使用div做一个表格，主要需要应用到css中的border表框属性，这样看起来才像是一个表格。

border ：1px solid black；font-size：12px；text-align ：center；} /style 这里需要注意这个代码“table”的意义是将表格边框合并为单一的边框，将相邻变合并。预览结果如下所示，一个简单的表格就制作出来了。

Float：Float属性是DIV+CSS布局中最基本也是最常用的属性，用于实现多列功能，div标签默认一行只能显示一个，而使用Float属性可以实现一行显示多个div的功能，最直接解释方法就是能实现表格布局的多列功能。

代码见如下图片，不过还要你自己去写一遍。源代码，就不往上粘贴了。给你个图片，自己比着写吧。

Q2: 怎么用div-css制作表格

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

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

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

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

代码中，大括号中的内容表示的是表格总将要放置的内容，每个表格中如果需要放置不同的内容的话，可以在创建好表格后自行修改。为了表格能够更加清楚地显示效果，我们需要给表格添加一些CSS效果。

关于如何用css的div制作表格和怎么用css给div设置样式的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。