我们知道,单独用table的boder只能创建线条新式唯一的table
而用table 里面的style能创建线条样式不唯一,但是只能创建
最外面的边框,而不能把里面的线条也画上去
这里有一个解决方案
<style type="text/css">
.table_border td
{
border-top:1px #DDD solid;
border-right:1px #DDD solid;
border-color:Blue;
}
.table_border
{
border-bottom:1px #DDD solid;
border-left:1px #DDD solid;
border-color:Blue;
width:100%
}
</style>
只要table引用了class = "table_border" 就可以实现table里所有方格
都可以有线条,并且样式都可以自己定义
但是有一个问题,这样出来的线条接合的不是很好,
很多连接的地方都会有一个口,实现不了无空隙接合,
最好是两都加起来用,如下:
在table里面加入
bordercolor="#CDE0F5" cellspacing="0" border="1" cellpadding="0"
然后再写一个样式
.NewTableStyle
{
BORDER-RIGHT: #CDE0F5 1px solid;
BORDER-TOP: #CDE0F5 1px solid;
BORDER-LEFT: #CDE0F5 1px solid;
BORDER-BOTTOM: #CDE0F5 1px solid;
BORDER-COLLAPSE: collapse;
}
给table加一个class为NewTableStyle的样式
这样就可以实现了为table加入了自己定义线条,
样式就比原来的好看了不好,也不会出现有空隙的接口
但这样就重复定义了某些地方的样式,效率没有第一个高
个人比较喜欢用第二种方法