HTML制作新手在用TABLE表格时,会碰到如何改变边线粗线,因为默认的TABLE边线设置即使是1px 是很粗的。 因此会使用其他一些方法来制作出细线边框,这里介绍一种利用CSS来实现细线的方法,很有效,而且兼容所有浏览器。 细线表格如果单纯设置边框,很难保证浏览器兼容。常见的做法是利用 CSS2 的 "border-collapse:collapse;" 属性合并表格边框; 并对 table 元素设置左边框和上边框,对 td 元素设置右边框和下边框。 HTML:
CSS: table{border-collapse:collapse;border-spacing:0;border-left:1px solid #888;border-top:1px solid #888;background:#efefef;} td{border-right:1px solid #888;border-bottom:1px solid #888;padding:5px 15px;}