HTML制作新手在用TABLE表格时,会碰到如何改变边线粗线,因为默认的TABLE边线设置即使是1px 是很粗的。 因此会使用其他一些方法来制作出细线边框,这里介绍一种利用CSS来实现细线的方法,很有效,而且兼容所有浏览器。 细线表格如果单纯设置边框,很难保证浏览器兼容。常见的做法是利用 CSS2 的 "border-collapse:collapse;" 属性合并表格边框; 并对 table 元素设置左边框和上边框,对 td 元素设置右边框和下边框。 HTML:
table head (row1, col1) | table head (row1, col2) | table head (row1, col3) |
table data (row1, col1) | table data (row1, col2) | table data (row1, col3) |
table data (row2, col1) | table data (row2, col2) | table data (row2, col3) |