实用的CSS打印类
2008-03-09 11:33:38 来源：WEB开发网 闂傚倸鍊风欢姘缚瑜嶈灋闁圭虎鍠栫粻顖炴煥閻曞倹瀚�
闂傚倸鍊风粈渚€骞夐敓鐘插瀭闁汇垹鐏氬畷鏌ユ煙閹殿喖顣奸柛搴＄У閵囧嫰骞掗幋婵冨亾閻㈢ǹ纾婚柟鐐灱濡插牊绻涢崱妤冃℃繛宀婁簽缁辨捇宕掑鎵佹瀸闂佺懓鍤栭幏锟�
濠电姷鏁告慨顓㈠箯閸愵喖宸濇い鎾寸箘閹规洟姊绘笟鈧ḿ褍煤閵堝悿娲Ω閳轰胶鍔﹀銈嗗笂閼冲爼鍩婇弴銏＄厪闁搞儮鏅涙禒褏绱掓潏鈺佷槐闁轰焦鎹囬弫鎾绘晸閿燂拷闂傚倸鍊风欢姘缚瑜嶈灋闁圭虎鍠栫粻顖炴煥閻曞倹瀚� 闂傚倸鍊烽懗鑸电仚缂備胶绮〃鍛村煝瀹ュ鍗抽柕蹇曞У閻庮剟姊虹紒妯哄闁诲繑姘ㄩ埀顒佸嚬閸撶喎顫忓ú顏勫瀭妞ゆ洖鎳庨崜浼存⒑闁偛鑻晶顔剧磼婢跺﹦绉虹€殿喖顭锋俊姝岊槷闁稿鎹囧Λ鍐ㄢ槈濞嗗繑娈橀梻浣风串缂嶁偓濞存粠鍓熼崺鈧い鎺戝€归弳顒勬煕鐎ｎ亷韬€规洑鍗冲鍊燁槾闁哄棴绠撻弻銊╂偆閸屾稑顏�
核心提示：<html><head><title>Untitled Document</title><meta http-equiv="Content-Type" content="text/html; charset=gb2312"&g
<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=" 打印 " ><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>
9 7 3 12 4 8 :
中查找“实用的CSS打印类”更多相关内容
中查找“实用的CSS打印类”更多相关内容更多精彩
赞助商链接
