您现在的位置是：网站首页> 编程资料编程资料

一个属性border-collapse解决Table的边框问题Dreamweaver中怎么让html网页中的table边框细线显示?CSS样式简单实现Table没有外边框只有内边框CSS控制Table内外边框、颜色、大小示例css让table不显示边框的代码在火狐和谷歌浏览器中无效HTML table表格边框的控制详细说明用CSS设置表格Table的细边框的比较好用的方法用CSS样式描述表格Table边框网页表格边框的设置方法网页表格表框制作技巧Table显示你要显示的边框代码

2021-09-06 1451人已围观

简介表格的边框算是页面制作中最头痛的，带边线的表格在之前非常讨厌做，不过今天终于解决了这个问题，下面将示例与大家分享下

页面制作中最头痛的，表格的边框算是其一了，很讨厌做带边线的表格，今天终于解决了这个问题

border-collapse属性很好的解决了纠结了很久的问题
CSS

复制代码

代码如下:

.table{border: 1px solid #ccc;border-collapse: collapse; width:80%;}.table th,.table td{border: 1px solid #ccc;padding: 10px;}

Html

复制代码

代码如下:

id	作者	书名	内容	分类
001	唐家三少	斗破苍穹	斗破苍穹斗破苍穹	玄幻
001	唐家三少	斗破苍穹	斗破苍穹斗破苍穹	玄幻

PS：使用border-collapse属性之前和之后的对比图