简单公式的网页排版

Author: s.d.vn Date: 2001年 16期

?牐犖颐窃诒嗉呈庇惺被嵊玫较允竟剑蠖嗍绞鞘褂米霸?.gif图像实现的,我给大家介绍一个方法──在网页排版时只有加减乘除的简单公式。
  ?牐犖业墓绞牵?
  ?牐牷阕鼙碇蟹窒钕钅渴档梅质?=汇总表中该项应得满分分值×该项检查实得分数/100
  ?牐燞TML代码如下:
  ?牐?<table width=“75%” border=“0” align=“center”>
  ?牐?<tr>
  ?牐?<td rowspan=“3” width=“30%” align=“center” valign=“middle”>汇总表中分项项目实得分数</td>
  ?牐?<!--表格单元宽度必须使用相对数值%,加减乘符号应用绝对数值--->
  ?牐?<td rowspan=“3” align=“center” valign=“middle”>=</td>
  ?牐?<td width=“33%” align=“center” valign=“middle”>汇总表中该项应得满分分值</td>
  ?牐?<td align=“center” valign=“middle” width=“4%” nowrap>×</td>
  ?牐?<td width=“30%” align=“center” valign=“middle”>该项检查实得分数</td>
  ?牐?</tr>
  ?牐?<tr>
  ?牐?<!--除号的横线-->
  ?牐?<td colspan=“3” align=“center” valign=“middle” bgcolor=“#000000” bordercolor=“#000000”>
  ?牐?<div id=“Layer2” style=“position:absolute; overflow: hidden;?? background-image: url(/work/tb_bg.gif);layer-background-image: url(/work/tb_bg.gif);?? border: 1px none #000000”></div>
  ?牐?</td>
  ?牐?</tr>
  ?牐?<1-->
  ?牐?<tr>
  ?牐?<td colspan=“3” align=“center” valign=“middle” nowrap>100</td>
  ?牐?</tr>
  ?牐?</table>
  ?牐牨纠谐诺氖迪质枪丶绻弥毕撸肿佑敕帜傅木嗬虢洗螅允静惶拦郏蝗绻帽砀竦ピ谋呖蚴迪郑蚝嵯叩目矶茸钌?2个像素,明显较粗。本例中用表格单元的黑色背景上显示宽1个像素的透明线(tb_bg.gif 1024×1),较好的解决了以上两个问题。这个方法也可以用来实现页眉、页脚的效果,有兴趣的朋友可以看一下我的主页(http://lcja.126.com)。