Html细线表格的实现打印边框设置
在⽹页制作中,我们常常会使⽤到表格,表格使得需要表达的信息更清楚,明了。
<table border="1" cellspacing="0" bordercolor="#000000" width = "80%">
<tr>
<td>1.1</td>
<td>1.2</td>
</tr>
<tr>
<td>2.1</td>
<td>2.2</td>
</tr>
< table>
这段代码定义了border = 1pix的表格,但实际上表格的实际边框宽度为2pix, 这是因为表格边框由:表格外边框和单元格边框两部分构成。
那么如何定义⼀个细线表格(实际边宽为1pix) 呢?
1. 使⽤ cellspacing和背景⾊技术:
< table border="0" cellspacing="1"bgcolor="#000000" width = "80%">
<tr bgcolor="#ffffff">
<td>1.1</td>
<td>1.2</td>
</tr>
<tr bgcolor="#ffffff">
<td>2.1</td>
<td>2.2</td>
</tr>
< table>
2.使⽤border-collapse属性:
< table border="1" cellspacing="0" bordercolor="#000000" width = "80%" >
<tr>
<td>1.1</td>
html表格内外边框颜<td>1.2</td>
</tr>
<tr>
<td>2.1</td>
<td>2.2</td>
</tr>
< table>
提醒: 对于通过⽅法1制作出来的细线表格,在打印时可能会出现表格边框打印不出来的问题。 ⽽⽅法2就没有这个问题,推荐使⽤。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论