0
0
黄舟
发布时间：2017-06-30 09:31:41
|2091人浏览过
|来源于php中文网
原创
表格的边框算是页面制作中最头痛的，带边线的表格在之前非常讨厌做，不过今天终于解决了这个问题，下面将示例与大家分享下
页面制作中最头痛的，表格的边框算是其一了，很讨厌做带边线的表格，今天终于解决了这个问题
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属性之前和之后的对比图 
相关文章
css 常用属性有哪些_新手必须掌握的基础属性清单
css margin 与 padding 计算复杂怎么办_box-sizing border-box 使用
css flexbox布局与表单元素对齐_通过flex实现输入框的统一
css盒模型如何影响背景显示范围_理解css background绘制区域
css 布局中的间距与对齐_使用 margin 和 padding 调整元素间距
本站声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
热门AI工具
Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
