如何实现表格左右两边的边框为0

最近在做项目过程中,遇到一个问题,需要将表格左右两边的边框去掉
如下图:
 
其实实现这样一种效果,方法有很多种,不一定非要用表格去实现
我自己先用Div+CSS也可以做到,或者ul+css也一样,当然应该还有
其他的办法,在此我没有多尝试,有的话,可以共享一下,大家学一下。

查阅html帮助,会发现table有一个属性可以很容易的实现我说的这个功能,那就是frame,对于一个table我只需指定border=1,然后frame=hsides就可以实现我标题所说的功能
相关html代码如下:

     
     
     


可是有一个问题,这个table的边框看起来并不是很让人满意,也不是我想要的效果,我想要是那种很细的边框,而这个是带阴影的,虽然指定宽度是1,但其实际宽度是2,于是我就想,还有没有更好的属性可以解决我的问题呢?经过一些综合分析,发现这个属性结合css属性可以较好的实现我想要的效果:
     
     
     


此方法简单而又方便,如果做项目,需要显示很多行数据的话,这样相对于div+css来说,可以节省前台很多代码,减少前台html页面的体积,方便用户快速浏览,似乎不错,值得为大家推荐。留个记号,也方便以后查询。

你可能感兴趣的:(综合分类,border,table,css,html,div)