想问一个问题：财务软件计账页面，金额的分隔线是怎么做出来的

解决方案 »

  1.   

    补充一下，是WEB版的，JSP开发   B、S模式   非C S 模式
      

  2.   

    <style type="text/css">
    #balance{
       width:200px;
       height:60px;
       border:solid 1px black;
    }#balance td{
    border:solid 1px black;
    }.line{
      border:solid 1px red;
      width:10px;
      height:100%;
    }
    </style><table id="balance">
    <tr>
    <td colspan="2">金额</td>
    </tr>
    <tr>
    <td>借出</td>
    <td>借入</td>
    </tr>
    <tr>
    <td><span class="line">1</span><span class="line">1</span><span class="line">1</span></td>
    <td><span class="line">1</span><span class="line">1</span><span class="line">1</span></td>
    </tr>
    </table>
    调整一下色彩和高度就可以
      

  3.   

    <style type="text/css"> 
    #balance{ 
      width:200px; 
      height:60px; 
      border:solid 1px black; 
    } #balance td{ 
    border:solid 1px black; 
    } .line{  
      width:6px; 
      height:100%; 
    } 
    </style> <table id="balance"> 
    <tr> 
    <td colspan="2">金额 </td> 
    </tr> 
    <tr> 
    <td>借出 </td> 
    <td>借入 </td> 
    </tr> 
    <tr> 
    <td height="25" align="right" background="background.JPG"> <span class="line">2 </span> <span class="line">1 </span> <span class="line">1 </span> </td> 
    <td height="25" align="right" background="background.JPG"> <span class="line">2 </span> <span class="line">1 </span> <span class="line">1 </span> </td> 
    </tr> 
    </table> 
      

  4.   

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Untitled Document</title>
    <style type="text/css">
    <!--
    .style2 {font-size: 30px}
    .style4 {color: #000000; font-weight: bold; }
    -->
    </style></head><body>
    <table align="center">
      <tbody>
        <tr height="20">
          <td></td>
        </tr>
      </tbody>
    </table>
    <DIV id="nseerGround">
    <DIV>
    <TABLE cellSpacing="0" cellPadding="0" width="820" align="center" bgColor="#ffffff" border="0"><table width="589" border="1" align="center" cellpadding="1" cellspacing="0" bordercolor="#000000">
      <tr>
        <td width="185" height="25" bgcolor="#666666"><p align="center" class="style4">摘要</p></td>
        <td width="186" height="25" bgcolor="#666666"><p align="center" class="style4">财务科目</p></td>
        <td width="98" height="25" bgcolor="#666666"><p align="center" class="style4">借方金额</p></td>
        <td width="110" height="25" bgcolor="#666666"><p align="center" class="style4">贷方金额</p></td>
      </tr>
      <tr>
        <td height="25" align="right">&nbsp;</td>
        <td height="25" align="right">&nbsp;</td>
        <td height="25" align="right" background="background.JPG">&nbsp;</span></td>
        <td height="25" align="right" background="background.JPG">&nbsp;</td>
      </tr>
      <tr>
        <td height="25" align="right">&nbsp;</td>
        <td height="25" align="right">&nbsp;</td>
        <td height="25" align="right" background="background.JPG">&nbsp;</span></td>
        <td height="25" align="right" background="background.JPG">&nbsp;</td>
      </tr>
      <tr>
        <td height="25" align="right">&nbsp;</td>
        <td height="25" align="right">&nbsp;</td>
        <td height="25" align="right" background="background.JPG">&nbsp;</span></td>
        <td height="25" align="right" background="background.JPG">&nbsp;</td>
      </tr>
      <tr>
        <td height="25" align="right">&nbsp;</td>
        <td height="25" align="right">&nbsp;</td>
        <td height="25" align="right" background="background.JPG">&nbsp;</span></td>
        <td height="25" align="right" background="background.JPG">&nbsp;</td>
      </tr>
      <tr>
        <td height="25" align="right">&nbsp;</td>
        <td height="25" align="right">&nbsp;</td>
        <td height="25" align="right" background="background.JPG">&nbsp;</span></td>
        <td height="25" align="right" background="background.JPG">&nbsp;</td>
      </tr>
      <tr>
        <td height="25" align="right">&nbsp;</td>
        <td height="25" align="right">&nbsp;</td>
        <td height="25" align="right" background="background.JPG">&nbsp;</span></td>
        <td height="25" align="right" background="background.JPG">&nbsp;</td>
      </tr>
      <tr>
        <td align="right" valign="middle" nowrap="nowrap">&nbsp;</td>
        <td align="right">&nbsp;</td>
        <td align="right">&nbsp;</td>
        <td align="right">&nbsp;</td>
      </tr>
      <tr>
        <td align="right">&nbsp;</td>
        <td align="right">&nbsp;</td>
        <td align="right">&nbsp;</td>
        <td align="right">&nbsp;</td>
      </tr>
      <tr>
        <td align="right">&nbsp;</td>
        <td align="right">&nbsp;</td>
        <td align="right">&nbsp;</td>
        <td align="right">&nbsp;</td>
      </tr>
    </table> </body>
    </html>
    这是我试验的代码还想问一下   如果我输入 的 100.67
    怎么把这个数字分解一下？让这个数字的每一位前加上
     <span class="line">2 </span> 
    这个span????
      

  5.   

    我准备在加50分，把这个问题解决一下
    加入一个Input后，总是有一个框框，这个框框怎么去了啊！
      

  6.   

    在样式里加入input{
      border:0px;
    }