时间:2021-05-08
常见的做法是利用 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;}
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
浏览器的兼容问题突出。浏览器是最为重要的工具,基于DIV+CSS技术的网页设计的浏览器在兼容性问题上还存在诸多有待改进和提升的地方。由于DIV+CSS技术在浏览
在网站设计制作中由于不同的浏览器对CSS样式的解析方法不一样,从而造成了网页兼容问题。针对不同浏览器写不同CSS样式,这个过程称为csshack。大家都知道在目
一.网站的浏览器兼容性目前主要用DIV+CSS设计网页。TABLE已经过时了。但我们知道浏览器很多。它们对网站的识别不一样。我们的网站最起码要在这些浏览器下边正
目前大多网站普遍存在三大问题 一.网站的浏览器兼容性 目前主要用DIV+CSS设计网页。TABLE已经过时了。但我们知道浏览器很多。它们对网站的
相信对于网页制作师来说,头疼的就是调网页在浏览器中的兼容性。那么本文就来谈一下应如何理解浏览器兼容性? 所谓浏览器兼容性指的是做出的网页在不同的浏览器中浏览时