细线表格做起来很简单
<table width= "100% " border= "0 " cellspacing= "1 " bordercolor= "#CCCCCC " bgcolor= "#000000 ">
<tr bgcolor= "#FFFFFF ">
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr bgcolor= "#FFFFFF ">
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr bgcolor= "#FFFFFF ">
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
但是这种细线表格在打印的时候是不能显示边框的,即无边框。如果设置border="1",打印出来的实际是2px,比较粗。
如果要打印,需要如下设置:
css:
<style>
.tabPrint td
{
border-left:#000000 solid 1px;
border-top:#000000 solid 1px;
height:21px;
}
table.tabPrint
{
border-right:#000000 solid 1px;
border-bottom:#000000 solid 1px;
}
</style>
body:
<table class='tabPrint' align="center" width="95%" cellSpacing="0" cellPadding="0" border="0"
ID="Table2">
<thead style="display:table-header-group;font-weight:bold" mce_style="display:table-header-group;font-weight:bold">
<tr align="center">
<td rowspan="2">所属街道</td>
<td rowspan="2">标题</td>
<td rowspan="2">录入日期</td>
<td colspan="2">国家级</td>
<td colspan="1">市级</td>
</tr>
<tr align="center">
<td>人民日报</td>
<td>解放日报</td>
<td>新民晚报</td>
</tr>
</thead>
<tr align="center">
<td>浦东新区浦三街道</td>
<td>测试</td>
<td>02-24-2009</td>
<td>√</td>
<td>√</td>
<td>√</td>
</tr>
<tr align="center">
<td>浦东新区浦三街道</td>
<td>sseref</td>
<td>02-24-2009</td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr align="center">
<td>浦东新区浦三街道</td>
<td>sseref</td>
<td>02-24-2009</td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
html 换行用<br/>,title提示用
分享到:
相关推荐
html中的table中做细线表格,里面说的很详细,大家可以下载来看看
最近给客户做打印的时候,客户提出打印时不要打印该页面的头,只是打印表格里面的内容,因为头部有背景和打印按钮,而且要细线表格的那种,我想细线表格不是很简单吗 如果你还不知道细线表格怎么做,请看下面的代码...
优化表格的过程中当然是却漂亮越好啊,所以css优化表格的属性就派上用场了,接下来介绍css优化细线表格注意的一些细节,需要的朋友可以了解下
NULL 博文链接:https://javapub.iteye.com/blog/733910
css教程:实现符合Web标准的细线表格 随着应用CSS网页布局构建网页, 以及web标准的广泛普及与发展, 表格渐渐被人们遗忘, 但是表格还是有它优秀的一面, 数据处理用表格的确省了不少麻烦! 这个是细表格的...
下面小编就为大家带来一篇html制作细线表格的简单实例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
细线表格简单实现 table{border:1px solid #000;border-width:1px 0 0 1px;margin:2px 0 2px 0;text-align:center;border-collapse:collapse;} td,th{border:1px solid #000;border-width:0 1px 1px 0;margin:2...
这里推荐直接使用css来产生一个细线表格。 使用方法也很简单: 第一:导入table.css 复制代码代码如下: <link rel=”stylesheet” type=”text/css” href=”./css/table.css”/> 第二:套用格式 复制...
细线表格如果单纯设置边框,很难保证浏览器兼容。
表格魔鬼教程经典版 经典的制多种表格的实现方法 (多种细线表格,虚框表格,立体表格,表中表等表格的多种效果)
非常用创意的用ul+li实现的细线表格效果,不用table
HTML小技巧:将table边框改为细线 HTML制作新手在用TABLE表格时,会碰到如何改变边线粗线
表格特效代码全集中 如细线表格 有凹凸效果的表格 虚线表格 多彩表格 立体表格 外阴影表格等
table 细线 样式 table 细线 样式