<TABLE>标签的 cellSpacing cellPadding 属性放在 css里面为什么没效果

lzj_ykds

有一个<table>标签是这样的
<TABLE cellSpacing="7" cellPadding="2" width="100%" border="0">
我想改到css里面这样写好像没效果，怎么回事
         table{
          width:100%;
          cellSpacing:7px;
          cellPadding:2px;
          border:0px;
        }

完整代码

1. import win.ui;
   
2. /*DSG{{*/
   
3. var winform = ..win.form( bottom=399;parent=...;text="aardio Form";right=599 )
   
4. winform.add(  )
   
5. /*}}*/
   
6. import web.layout
   
7. var wbLayout=web.layout(winform)
   
8. wbLayout.html = /**
   
9.         <table #tbl1>
   
10.                 <tr>
    
11.                         <td #1 class="tdfixed">width:100px</td>
    
12.                         <td #2 class="tdpercent">width:30%%</td>
    
13.                         <td #3 class="tdpercent">width:70%%</td>
    
14.                         <td #4 class="tdfixed" >width:150px</td>
    
15.                 </tr>
    
16.         </table>
    
17.         <TABLE cellSpacing="7" cellPadding="2" width="100%" border="0">
    
18.                 <TR>
    
19.                         <TD class="tdfixed" width="100">width:100px</TD>
    
20.                         <TD class="tdpercent" width="30%">width:30%%</TD>
    
21.                         <TD class="tdpercent" width="70%">width:70%%</TD>
    
22.                         <TD class="tdfixed" width="150">width:150px</TD>
    
23.                 </TR>
    
24.         </TABLE>
    
25.        
    
26. **/
    
27. wbLayout.css = /**
    
28.          #tbl1{
    
29.           width:100%;
    
30.           cellSpacing:7px;
    
31.           cellPadding:2px;
    
32.           border:0px;
    
33.         }
    
34.         #1{
    
35.                 width:100px;
    
36.         }
    
37.         #2{
    
38.                 width:30%;
    
39.         }
    
40.         #3{
    
41.                 width:70%;
    
42.         }
    
43.         #4{
    
44.                 width:150px;
    
45.         }
    
46.         .tdfixed { PADDING: 2px; MARGIN: 7px; font-size: 10pt; text-align:center; vertical-align:top; background-color:tan }
    
47.         .tdpercent { PADDING: 2px; MARGIN: 7px; font-size: 10pt; text-align:center; vertical-align:top; background-color:gold }
    
48.        
    
49.        
    
50. **/
    
51. winform.show();
    
52. win.loopMessage();
    

复制代码

lzj_ykds

这样看起来一样了

1. import win.ui;
   
2. /*DSG{{*/
   
3. var winform = ..win.form( bottom=399;parent=...;text="aardio Form";right=599 )
   
4. winform.add(  )
   
5. /*}}*/
   
6. import web.layout
   
7. var wbLayout=web.layout(winform)
   
8. wbLayout.html = /**
   
9.         <table #tbl1>
   
10.                 <tr>
    
11.                         <td #1 class="tdfixed">width:100px</td>
    
12.                         <td #2 class="tdpercent">width:30%%</td>
    
13.                         <td #3 class="tdpercent">width:70%%</td>
    
14.                         <td #4 class="tdfixed" >width:150px</td>
    
15.                 </tr>
    
16.         </table>
    
17.         <TABLE cellSpacing="7" cellPadding="2" width="100%" border="0">
    
18.                 <TR>
    
19.                         <TD class="tdfixed" width="100">width:100px</TD>
    
20.                         <TD class="tdpercent" width="30%">width:30%%</TD>
    
21.                         <TD class="tdpercent" width="70%">width:70%%</TD>
    
22.                         <TD class="tdfixed" width="150">width:150px</TD>
    
23.                 </TR>
    
24.         </TABLE>
    
25.        
    
26. **/
    
27. wbLayout.css = /**
    
28.          #tbl1{
    
29.           width:100%;
    
30.           border-spacing:7px;
    
31.         }
    
32.         #1{
    
33.                 width:100px;
    
34.         }
    
35.         #2{
    
36.                 width:30%;
    
37.         }
    
38.         #3{
    
39.                 width:70%;
    
40.         }
    
41.         #4{
    
42.                 width:150px;
    
43.         }
    
44.         .tdfixed { PADDING: 2px; MARGIN: 7px; font-size: 10pt; text-align:center; vertical-align:top; background-color:tan }
    
45.         .tdpercent { PADDING: 2px; MARGIN: 7px; font-size: 10pt; text-align:center; vertical-align:top; background-color:gold }
    
46.        
    
47.        
    
48. **/
    
49. winform.show();
    
50. win.loopMessage();
    

复制代码