當前位置:蘿卜系統下載站 > 網頁設計教程 > 詳細頁面

實用的CSS打印類

實用的CSS打印類

更新時間:2020-12-25 文章作者:未知 信息來源:網絡 閱讀次數:

網站建設是指使用標識語言(markup language),通過一系列設計、建模、和執行的過程將電子格式的信息通過互聯網傳輸,最終以圖形用戶界面(GUI)的形式被用戶所瀏覽。簡單來說,網頁設計的目的就是產生網站。簡單的信息如文字,圖片(GIF,JPEG,PNG)和表格,都可以通過使超文件標示語言、可擴展超文本標記語言等標示語言放置到網站頁面上。
<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> (出處:viphot)大多數人在上網的時候,都會瀏覽網頁提供給我們的信息。

溫馨提示:喜歡本站的話,請收藏一下本站!

本類教程下載

系統下載排行

亚洲嫩草影院久久精品