如何用DIV+CSS制作表格

html-css014

如何用DIV+CSS制作表格,第1张

如下几点建议:

1)DIV+CSS是用来替换表格排版的,表格还是用table。

2)可以尝试用ul li 做简单的表格

3)用DIV+CSS做表格的方法和做页面布局的方法一致,所以你要学习一下这方面,可以参考一下相关视频教程。如果做复杂的表格因为需要反复嵌套效果就不好了。

如果有很多单元格的话,还是尽量用表格来做。

DIV:

<div

style="width:600pxoverflow:hidden">

<div

style="float:leftwidth:98pxheight:700pxborder:1px

solid

#000"></div>

<div

style="float:leftwidth:499pxheight:100pxborder:1px

solid

#000border-left:0px"></div>

<div

style="float:leftwidth:499pxheight:599pxborder:1px

solid

#000border-left:0pxborder-top:0px"></div>

</div>

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

#ccc

solid