简单公式的网页排版

我们在编辑网页时有时会用到显示公式,大多数公式是使用装载.gif图像实现的,我给大家介绍一个方法──在网页排版时只有加减乘除的简单公式。
   我的公式是:
   汇总表中分项项目实得分数=汇总表中该项应得满分分值×该项检查实得分数/100
   HTML代码如下:
  


  
  
  
  
  
  
  
  
  
  
  
  
   <1-->
  
  
  
  
汇总表中分项项目实得分数=汇总表中该项应得满分分值×该项检查实得分数

  
background-image: url(/work/tb_bg.gif);layer-background-image: url(/work/tb_bg.gif);
border: 1px none #000000”>

  
100

   本例中除号的实现是关键,如果用直线,分子与分母的距离较大,显示不太美观;如果用表格单元的边框实现,则横线的宽度最少2个像素,明显较粗。本例中用表格单元的黑色背景上显示宽1个像素的透明线(tb_bg.gif 1024×1),较好的解决了以上两个问题。这个方法也可以用来实现页眉、页脚的效果,有兴趣的朋友可以看一下我的主页(http://lcja.126.com)。