表单样式库示例

1. //普通表单样式
   
2. .mytable {
   
3.         font-family: 微软雅黑, 宋体;
   
4.         border-bottom: rgb(180,204,238) 2px solid;
   
5.         border-left: rgb(180,204,238) 2px solid;
   
6.         border-top: rgb(180,204,238) 2px solid;
   
7.         border-right: rgb(180,204,238) 2px solid;
   
8.         width: 800px;
   
9. }
   
10. .mytable tr .mytable_head_title {
    
11.         font-family: 微软雅黑, 宋体;
    
12.         text-align: center;
    
13.         font-size: 28px;
    
14.         border-bottom: rgb(180,204,238) 1px solid;
    
15.         border-left: rgb(180,204,238) 1px solid;
    
16.         border-top: rgb(180,204,238) 1px solid;
    
17.         border-right: rgb(180,204,238) 1px solid;
    
18. }
    
19. .mytable tr .mytable_td_title {
    
20.         font-family: 微软雅黑, 宋体;
    
21.         text-align: right;
    
22.         width:15%;
    
23.         background-color:#dbe5f1;
    
24.         color:black;
    
25.         font-size: 14px;
    
26.         border-bottom: rgb(180,204,238) 1px solid;
    
27.         border-left: rgb(180,204,238) 1px solid;
    
28.         border-top: rgb(180,204,238) 1px solid;
    
29.         border-right: rgb(180,204,238) 1px solid;
    
30. }
    
31. .mytable tr .mytable_td_title font {
    
32.         color: red;
    
33. }
    
34. .mytable tr .mytable_td_content {
    
35.         font-family: 微软雅黑, 宋体;
    
36.         text-align: left;
    
37.         width: 35%;
    
38.         background-color:white;
    
39.         border-bottom: rgb(180,204,238) 1px solid;
    
40.         border-left: rgb(180,204,238) 1px solid;
    
41.         border-top: rgb(180,204,238) 1px solid;
    
42.         border-right: rgb(180,204,238) 1px solid;
    
43. }
    
44. 
    
45. //查询表单样式
    
46. .mytable {
    
47.         font-family: 微软雅黑, 宋体;
    
48.         border: 0px;
    
49.         padding: 0px;
    
50.         margin: 0px;
    
51.         width: 100%
    
52. }
    
53. .mytable tr .td_title{
    
54.         font-family: 微软雅黑, 宋体;
    
55.         text-align: right;
    
56.         color:black;
    
57.         font-size: 14px;
    
58. }
    
59. .mytable tr .td_content{
    
60.         font-family: 微软雅黑, 宋体;
    
61.         text-align: left;
    
62. }
    
63. 
    
64. //项目开发表单模板
    
65. <table class="mytable" border="0" cellspacing="0" cellpadding="0" align="center">
    
66.     <tbody>
    
67.                 <tr>
    
68.             <td class="mytable_head_title" colspan="4">资金请款申请</td>
    
69.         </tr>
    
70.         <tr>
    
71.             <td class="mytable_td_title" nowrap="noWrap"><font>*</font>请款单号：</td>
    
72.             <td class="mytable_td_content">&nbsp;</td>
    
73.             <td class="mytable_td_title" nowrap="noWrap">制单日期：</td>
    
74.             <td class="mytable_td_content">&nbsp;</td>
    
75.         </tr>
    
76.         <tr>
    
77.             <td class="mytable_td_title" nowrap="noWrap">制单人：</td>
    
78.             <td class="mytable_td_content">&nbsp;</td>
    
79.             <td class="mytable_td_title" nowrap="noWrap">材料类别：</td>
    
80.             <td class="mytable_td_content">&nbsp;</td>
    
81.         </tr>
    
82.     </tbody>
    
83. </table>
    
84. 
    
85. //项目查询表单模板
    
86. <table class="mytable" border="0" cellspacing="0" cellpadding="0" align="left">
    
87.     <tbody>
    
88.         <tr>
    
89.             <td class="td_title" nowrap="noWrap">销售客户：</td>
    
90.             <td class="td_content">&nbsp;</td>
    
91.             <td class="td_title" nowrap="noWrap">调整类型：</td>
    
92.             <td class="td_content">&nbsp;</td>
    
93.             <td class="td_title" nowrap="noWrap"></td>
    
94.             <td class="td_content">&nbsp;</td>
    
95.         </tr>
    
96.     </tbody>
    
97. </table>

复制代码