两种好看的Table样式

1. <style>
   
2. .TDBT{font-size:12px;color:blue;border-top-width:0px;border-right-width:1px;border-bottom-w
   
3. 
   
4. idth:1px;border-left-width: 0px; height: 18px; width: 80px; background-color: #D0D0FF;
   
5. 
   
6. cursor: hand}/*#D0FFD0*/
   
7. </style>
   
8. <table cellSpacing=0 cellPadding=0 style="border:1px solid blue;"><tr><td>
   
9. <input type=button value=button class=tdbt><input type=text class=TDBT><input type=text
   
10. 
    
11. class=TDBT></td></tr><tr><td><input type=button value=button class=tdbt><input type=text
    
12. 
    
13. class=TDBT><input type=text class=TDBT></td></tr></table>
    
14. 
    
15. 
    
16. <img src="" width=360 height=1>
    
17. 
    
18. 輸入線條(實為Text input)：
    
19. <style>
    
20. .txLine{height:18px;border-color:black black
    
21. 
    
22. #000000;border-top-width:0px;border-right-width: 0px; border-bottom-width: 1px;
    
23. 
    
24. border-left-width: 0px; font-size: 16px; background-color: #FFFFEE; color: #0000FF}
    
25. </style>
    
26. 
    
27. <nobr>請輸入文字<input type=text class=txLine></nobr>
    
28. 
    
29. 
    
30. 
    
31. 
    
32. <table cellpadding=0 cellspacing=1 bordercolor=black border=1 width=100px>
    
33. <tr><td bgcolor=skyblue> </td></tr>
    
34. </table>
    
35. 
    
36. 
    
37. <table cellpadding=0 cellspacing=0 border=1 width=100px style="border:gray dotted 1px;border-collapse:collapse">
    
38. <tr><td> </td></tr>
    
39. </table>

复制代码