表格中border属性的用法
时间:2012-10-18
边框可以说是表格最常见的样式之一,仿佛没有边框的表格不能算是一个真正的表格.
相信各位网页设计师已经想到盒模型的border属性了,首先给table添加border属性:
table{border:1px solid black;}
加上这句样式的网页中,所以的表格都会有一个表格边框,但是大家要注意这个边框只应用在表格的最外侧,而内部的单元格之间没有边框.
通过表格内部各个单元格之间要用线框分隔开,table的border属性并没有起到作用,于是我们尝试再给表头th元素和单元格td元素添加border属性.
th,td{border:1px solid black;}
添加了这样的代码,那么整个表格都会被线隔开,效果比较好.大家可以尝试用一下.