html,css这种表格样式是怎么实现的？

html-css02

html,css这种表格样式是怎么实现的？,第1张

这是设置的边框，将边框的样式设置为 dashed就行，举个例子：

table{

width: 320px

height: 320px

}

tr td{

border:1px dashed #333

}

可以这样写

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

#ccc

solid

如下几点建议：

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

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

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