css的写法 有点凌乱(养成这习惯 神马浏览器兼容都是浮云 so easy) 

<!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>
    <title>打印会签单</title>
    <style type="text/css">
    *{
        padding:0;
        margin:0;
    }
    h1, p, font,div,table { margin:1em 5%; }
    
     table{
       background-color:#000000;
    }
    .width100
    {
        width:100%;
        margin-left:0px;
    }
    td
    {
         background-color:#FFFFFF;
    }
    /*居中*/
    .aligncenter{
       text-align:center;
    }
    
    /*双下划线*/
    .double{
        border-bottom:3px double black;
    }
    
    .floatleft
    {
        float:left;
    }
    
    .floatright
    {
        float:right;
    }
   .width25
   {
        width:25%;
   }
    .width50
   {
        width:25%;
   }
   .width75
   {
        width:75%;
   }
    .height10
    {
        height:10%;
    }
    .height80
    {
        height:80%;
    }
    .paddingleft40
    {
     padding-left:40%;
    }
  
    .margintop
    {
        margin-top:-17px;
    }
    .height
    {
        height:150px;
    }
    .height45
    {
        height:45%
    }
    .margincenter
    {
        margin:0 auto;
    }    
    .width80{
        width:80%;
    }
    /*
    *@year  年份
    *@number  文件号
    *
    */
    </style>
</head>
<body>
    <div class="width80 margincenter">
         <h1 class="aligncenter"><font class="double">西安公路研究所技术文件会签单</font> </h1><br />
         <div class="width100">XGS-QM-B-401-4<strong class="floatright">编号（@year）第@number号</strong></div>
         <table  class="margintop width100"  cellspacing="1">
             <tr><td class="width25">技术文件名称</td><td class="width75">@name</td></tr>
             <tr><td class="width25">委托单位</td><td class="width75">@weituodanwei</td></tr>
             <tr><td class="width25">任务起止时间</td><td class="width75">@data</td></tr>
             <tr><td class="width25">技术文件份数</td><td class="width75">@count</td></tr>
         </table>
         <table class="margintop width100" cellspacing="1">
             <tr class="height"><td class="width50">
                 <div class="height10">项目负责人:</div>
                 <div class="paddingleft40 height80"><br /><br /><strong>@name</strong><br /><br /></div>
                 <div class="floatright height10"><br />@year</div>
             </td><td class="width50">
                 <div class="height10 ">市技术负责人:</div>
                 <div class="paddingleft40 height80"><br /><br /><strong>@name</strong><br /><br /></div>
                 <div class="floatright height10"><br />@year</div>
             </td></tr>
             <tr class="height"><td class="width50">
             <div class="height45"><br /><br />
             所内项目编号:<strong>@bianhao</strong><br /><br />
             </div>
             <div class="height45">
             <br /><br />经营室:
             
             </div>
             <div class="height10 floatright">
             @time
             </div>
             </td><td class="width50">
             <div class="height45">
             本项目技术文件已经过:<br /><br /><br /><div class="aligncenter"><strong>@bianhao</strong>审查</div>
             </div>
             <div class="height45">
             <br /><br />总工办:
             
             </div>
             <div class="height10 floatright">
             @time
             </div>
             </td></tr>
         </table>   
         <table class="margintop width100" cellspacing="1"><tr><td  class="width50">
         总工程师:@zonggongsi
         </td><td  class="width50">
         所长:@suozhang
         </td></tr></table>
     </div>
</body>
</html>1

[img]http://pic002.cnblogs.com/images/2011/294902/2011090910073725.jpg[/img]

posted @ 2011-09-09 10:07  一个土豆一棵青菜  阅读(449)  评论(3)  编辑  收藏  举报