css表格样式怎么实现?

html-css015

css表格样式怎么实现?,第1张

table{

border-collapse: collapse //相邻边被合并

background-color: #cccccc//设置表格背景色

border-top: 1px solid #000000 //设置表格上边框颜色

border-left: 1px solid #000000 //设置表格左边框颜色

border-right: 1px solid #000000 //设置表格右边框颜色

border-bottom: 1px solid #000000 //设置表格下边框颜色

}

td {

border-right: 1px solid #000000 //设置td颜色

border-bottom: 1px solid #000000 //

}

表格制作练习可以到实战帮。

如下几点建议:

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

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

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