细线表格的几种做法(css)

(一)效果一般


---------------------------------------
Select My Menu
Who am I?
细线表格
Contact me
---------------------------------------

(二)推荐√√


123132ssss
123132sss
123132
---------------------------------------

(三)推荐√

           
---------------------------------------

(四)效果较好

.thin{background:#000000}
.thin td{background:#FFFFFF;text-align:center}

---------------------------------------


附录:

用css设计细线表格并给表头再加个框

   (用CSS为定义一个边框)
不错[还可参考教程中的另一些做法,下次补充]





表中表效果Ⅰ




border-collapse:collapse :
table中css控制 css的border-collapse


seperate 的边框如下:

|| ||
|| ||

collapse 的边框如下:
| | (两个相邻单元格的相邻边合并了)

说明

该CSS属性用来设定表格的行和列的边框是合并成单边框,还是分别有各自的边框
separate 缺省值。边框分开,不合并。
collapse 边框合并。即如果相邻,则共用同一个边框。
虽然在DIV+CSS 时代 table 的权重越来越低,但是有时候,还是局部地方table 还是挺好用的


特别是制表方面,还是table 比较的方便。

你可能感兴趣的:(其他)