一段很小但很实用的CSS打印类(附例子及效果图)

css|打印

<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<style>
.tdp
{
    border-bottom: 1 solid #000000;
    border-left:  1 solid #000000;
    border-right:  0 solid #ffffff;
    border-top: 0 solid #ffffff;
}
.tabp
{
    border-color: #000000 #000000 #000000 #000000;
    border-style: solid;
    border-top-width: 2px;
    border-right-width: 2px;
    border-bottom-width: 1px;
    border-left-width: 1px;
}
</style>
</head>

<body onbeforeprint="printsub.style.display='none';" onafterprint="printsub.style.display='';">
<center><input type=button name="printsub" value=" 打印 " onclick="self.print();"><br></center>
<table width="90%" border="0" align="center" cellpadding="2" cellspacing="0"  class="tabp">
  <tr align="center">
    <td height="25" colspan="3" class="tdp"><strong>计算机世界开发者俱乐部</strong></td>
  </tr>
  <tr>
    <td width="31%" height="26" align="center" class="tdp">PHP版</td>
    <td width="34%" align="center" class="tdp">DELPHI版</td>
    <td width="35%" align="center" class="tdp">JAVA版</td>
  </tr>
  <tr>
    <td height="40" colspan="3" class="tdp"><p>一段很小但很实用的CSS打印样式。一般带背景的表格在打印的时候,页面上看到的格线实际却打印不出来。其实不是打印不出来,是需要在打印的时候选择"打印背景"。1般不可能要求用户必须做这步。但用样式表"画"出来的格线在打印的时候就能得到"所见即所打"的效果。这效果当然不能和专业的打印控件如"水晶报表"想比,但满足普通的需求还是能够胜任的。</p></td>
  </tr>
  <tr>
    <td height="59" colspan="3" class="tdp">但在打印的时候,"打印"按纽不能被打印出来,所以就在<body>里用两个事件来控制它,这步很重要。</td>
  </tr>
  <tr>
    <td height="59" colspan="3" class="tdp">在使用这两个样式时,1个是让<table>的class="tabp",然后再它下面的每个<td>的class="tdp",<tr>不需要指定。记住,每个<td>都要指定一下。。。。</td>
  </tr>
  <tr>
    <td height="59" colspan="3" class="tdp">打印效果如图:(打印出的东东不包括菜单,只有下面的内容):</td>
  </tr>
</table>
</body>
</html>

时间: 2024-08-03 09:36:47

一段很小但很实用的CSS打印类(附例子及效果图)的相关文章

android 简单实用的Log打印类封装,助你快速定位问题

相信众多android开发者在开发程序的过程中会经常用到Log打印信息 以方便了解当前程序的运行状况以及在出现BUG的时候能够快速定位问题 大多数童鞋会使用官方的打印log的方法,设置TAG,然后在Eclipse里面设置过滤标签,切换来回的看Log,但这样却效率很低: 下面分享一个Log打印信息的封装类,主要提供以下功能:   1.使用一个标签来标记当前的AP(避免设置过多的TAG来过滤显示不同Java文件下的Log) 2.显示当前的线程ID,用于辨别主线程还是子线程 3.显示当前的Java文件

微软中国:裁员仅占中国团队很小部分

5月6日上午消息,微软中国就裁员一事对新浪科技表示,本次裁员涉及的职位调整仅占到中国整个团队的很小部分,并同时表示微软对于大中华地区的承诺以及帮助本地软件产业发展以实现双赢的战略没有任何改变. 微软中国首先感谢外界对于微软中国的关注和支持,表示此次重组计划是根据短期及长期的业务重点和战略,继续调整的资源配置,让业务重点与资源分配之间取得更好的平衡,将把更多的资源投入到业务重点中. 微软中国强调,本次涉及的职位调整仅占到中国整个团队的很小部分,微软正在和每位受影响的员工紧密沟通.全力帮助他们渡过这

区块链的能力很大又很小

本文作者为中国信息通信研究院(工信部电信研究院)专家敖萌博士,雷锋网(公众号:雷锋网)独家特约文章,雷锋网与信通院子公司泰尔英福(微信号Teleinfo_)联合首发.未来,敖萌博士原创的区块链系列文章还将继续刊出,敬请关注! 传说苏东坡与僧人佛印是好朋友,一天,苏东坡对佛印说:"以大师慧眼看来,吾乃何物?"佛印说:"贫僧眼中,施主乃我佛如来金身."苏东坡听朋友说自己是佛,自然很高兴.可他见佛印胖胖堆堆,却想打趣他一下,笑曰:"然以吾观之,大师乃牛屎一堆.&

马云对话吴小莉:做小企业很幸福

新浪科技讯 3月2日消息 阿里巴巴集团主席马云日前参加<与卓越同行>栏目,接受吴小莉采访.马云在采访中表示,现在的企业都开始,要讲究小.特色.附加值,以前是企业越大越好,今后的企业是越小越好,是小而且美.未来的世界一定是小企业越来越好,大企业越来越累.以下为节目文字实录:吴小莉:洞察趋势,改变未来.大家好,欢迎收看<与卓越同行>.我有一位朋友,在近20年前,他干了一件当时中国人听不懂的事,他说要把中国的企业放在网上,身边的人说,他是书生.是疯子,但是他成功了.十年前他说要在中国打败

word打开visio图纸显示很小无法修改怎么办?

  word打开visio图纸显示很小无法修改怎么办?            1.打开需要修改visio图的word文件,正常方式打开即可; 2.首先我以双击visio的方式打开visio,打开后进行编辑; 3.双击打开visio后,里面的图形缩成一团,无法看清,也无法编辑,使用word页面的放大缩小也没有效果; 4.单击word页面空白处,退出visio编辑页面; 5.选中需要修改的visio图形,并单击右键; 6.在word中的visio图形编辑的右键菜单中选择visio对象 7.在visi

爱剪辑导出视频画面很小很差怎么办?

  爱剪辑导出视频画面很小很差怎么办?            1.爱剪辑制作完成,导出视频会发现画质和原来的简直差远了,这是怎么回事.其实这是咱自己设置出问题了,如何设置呢,看下面. 2.打开爱剪辑会弹出设置窗口,相信大家一般会选择关闭吧,其实这里应该设置成视频大小. 3.一般建议设置成720p就够用了,不过如果能查到原视频的大小最好设置成一样的,或是相近的. 4.然后就是导出视频的时候,导出尺寸会默认是开始设置的大小,不过可以修改,建议不要修改,除非开始忘记设置了,会对画质有一定影响. 5.视

win7系统电脑和别人语音对方听到的声音很小怎么办

  win7系统电脑和别人语音对方听到的声音很小怎么办 1.点击开始菜单,点击"控制面板"; 2.将查看方式修改为"类别",点击"硬件和声音"; 3.点击[管理音频设备]; 4.切换到[录制]选项卡,在下面的麦克风设备上单击右键,选择"属性"; 5.切换到"级别"选项卡中,将麦克风音量调大一些; 6.为了防止有噪音,有的声卡还有切换到"增强"选卡,勾选"噪音抑制"和&

没有声音怎么办?电脑问题,我电脑声音很小

我的电脑声音很小,是怎么回事,我音箱都是新的,而且在别人那里也很大,请高手帮帮我○可以肯定的说,您的声卡是"高保真音频",您将声音配置成"音箱"即可解决 我以前按你说的做过,一样不行 能截您"控制面板"的图看看行吗? 如果是"高保真音频"的话,解决方案在这里,没有这个的话,下载驱动即可 一般"高保真音频"就是一开始音量比较小,您若上面这个即可提高音量了 我就是这样提高音量的 电脑开机有声音是哪里出问题?电脑

win7系统电脑音量调到最大声音还是很小该怎么办?

  有时候 语音聊天或者看视频时会遇到这样的情况: 我们明明已经把声音调到了最大,但实际音量还是很小.在win7系统下,其实可以通过设置 "响度均衡" 来解决问题. 设置方法很简单. 1.用鼠标右键单击桌面右下角用来设置音量的白色小喇叭,选择"播放设备". 2.在播放设备列表里选择 扬声器(单击)进入 "扬声器 属性"设置页面. 3.打开 "增强"选项卡,勾选"响度均衡"选项,并单击确定.