头闻号

滨海客来多商贸有限公司

真皮带|彩妆化学品|皮肤用化学品|牛皮革

首页 > 新闻中心 > 科技常识:兼容浏览器的css网页细线表格设计
科技常识:兼容浏览器的css网页细线表格设计
发布时间:2024-09-25 11:20:14        浏览次数:0        返回列表

今天小编跟大家讲解下有关兼容浏览器的css网页细线表格设计 ,相信小伙伴们对这个话题应该有所关注吧,小编也收集到了有关兼容浏览器的css网页细线表格设计 的相关资料,希望小伙伴们看了有所帮助。

常见的做法是利用 CSS2 的 "border-collapse:collapse;" 属性合并表格边框;并对 table 元素设置左边框和上边框 对 th 和 td 元素设置右边框和下边框。 Markup: 复制代码代码如下: <table> <tr> <th>table head (row1, col1)</th> <th>table head (row1, col2)</th> <th>table head (row1, col3)</th> </tr> <tr> <td>table data (row1, col1)</td> <td>table data (row1, col2)</td> <td>table data (row1, col3)</td> </tr> <tr> <td>table data (row2, col1)</td> <td>table data (row2, col2)</td> <td>table data (row2, col3)</td> </tr> </table> CSS: 复制代码代码如下: table{border-collapse:collapse;border-spacing:0;border-left:1px solid #888;border-top:1px solid #888;background:#efefef;} th,td{border-right:1px solid #888;border-bottom:1px solid #888;padding:5px 15px;} th{font-weight:bold;background:#ccc;}

来源:爱蒂网