一个属性解决Table的边框问题(border-collapse )
来源:互联网 发布:网络草花机 编辑:程序博客网 时间:2024/05/18 03:08
页面制作中最头痛的,表格的边框算是其一了,很讨厌做带边线的表格,今天终于解决了这个问题
border-collapse属性 很好的解决了纠结了很久的问题
CSS
.table{border: 1px solid #ccc;border-collapse: collapse; width:80%;}.table th,.table td{border: 1px solid #ccc;padding: 10px;}
Html
<table class="table">
<thead>
<tr>
<th>id</th>
<th>作者</th>
<th>书名</th>
<th>内容</th>
<th>分类</th>
</tr>
</thead>
<tbody>
<tr>
<td>001</td>
<td>唐家三少</td>
<td>斗破苍穹</td>
<td>斗破苍穹斗破苍穹</td>
<td>玄幻</td>
</tr>
<tr class="success">
<td>001</td>
<td>唐家三少</td>
<td>斗破苍穹</td>
<td>斗破苍穹斗破苍穹</td>
<td>玄幻</td>
</tr>
</tbody>
</table>
PS:使用border-collapse属性之前和之后的对比图
0 0
- 一个属性解决Table的边框问题(border-collapse )
- Table的border-collapse属性
- table的border-collapse属性
- border-collapse:collapse; 表格边框合并属性
- 关于table边框,设置了border-collapse:collapse之后,各条边框是怎么合并的?
- 合并表格的边框 border-collapse: collapse
- 记录 table 的 border-collapse
- table中设置border-collapse属性
- css table-layout 、border-collapse属性
- 避免table的border重叠变粗,只需要对table的css设定border-collapse:collapse; 可以解决
- table-table-layout和border-collapse: collapse的用法
- 使用border-collapse:collapse;属性新建一个细线表格
- CSS 表格中的单元格边框重叠属性 border-collapse
- 51-设置单元格的边框-border-collapse(边框线合并)
- 边框合并用border-collapse: collapse
- CSS border-collapse 属性
- border-collapse 属性
- CSS border-collapse 属性
- 08 交通灯管理系统
- 求n个数的最大公倍数和最小公约数模板
- AS3.0 Vector的运用
- iframe监听unload事件
- ibatis iterate配置
- 一个属性解决Table的边框问题(border-collapse )
- Socket服务器整体架构概述
- flex 获取控件
- 最有效的最新防360拦截方法大全!
- 管家婆数据库823错误,并闩锁页错误数据恢复成功
- 由c到C++
- 鸟哥的私房菜学习笔记——Linux 的文件权限与目录配置
- Linux启动主板后无法启动网卡
- Tools for Machine Learning in Python(scikit-learn)