如何利用div和css做表格，怎样用div css制作网页

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

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

1、/div /div 你给的例子里，图片新闻和箭头，那个是用图片做的。我这个就是纯文字，你可以根据我这个代码在改写下。

2、在#head div中加一句 margin-top：0；这样应该就可以了。

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

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

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

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

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

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

1、输入代码之后，在键盘上敲击End键，再敲击Tab键，快速创建。代码中，大括号中的内容表示的是表格总将要放置的内容，每个表格中如果需要放置不同的内容的话，可以在创建好表格后自行修改。

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

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

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

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

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

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

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

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

5、以下内容为例：align=center 可选值：center，left，right。决定字、画、表格等居中、靠左或靠右的作用和居中标记一样，前者是由HTML0开始的标准，后者是通用己久的标示法。

6、div+css布局好，现在主流的网站均采用此种方法布局。div+css和表格相比较，其优点是其布局定位简单，表格布局需要使用文字做内容，当想修改部分内容就要改动整个表格甚至真个界面，不利于后期的维护和前期的开发。

Q4: 用纯DIV+CSS做一个两行两列的表格,但第二列中两行是合并的,如下面这样...

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

第一种情况，float浮动相同让两个div盒子的float值相同，比如都设置float：left或float：right，宽度设置合适即可。这里我们通过案例实现一行两列DIV布局。

首先打开电脑里的EXCEL软件，并打开需要进行合并的表格，如下图所示。以下图为例，使用鼠标托选“花城”和“读者”两栏，如下图所示。点击工具栏中的编辑，填充，选择内容重排这个选项，如下图所示。

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

但可以另一种方法实现你的效果。比如你是两行两列，宽度要不一样，你可以这么做。表格用两行五列，第一行的前三列合并成一列。后两列合并成一列。第二行的前两列合并成一列，后三列合并成一列。

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