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