| 标题 | 细边框表格的实现方法 |
| 范文 | 在HTML中，我们设置border=”1″ 时，表格边框实际大小是2px，那如果我们要做成1px的细线表格要怎么办？以前在做1px的表格的时候，我会用表格背景颜色，然后再用另一种颜色设计单元格的背景，再把表格间距设置成1px，这样就能达到我们的1px表格了，如下例： <table bgcolor="#f90" cellpadding="0" cellspacing="1" width="80%"> <tr> <td bgcolor="#ffc"></td> <td bgcolor="#ffc"></td> <td bgcolor="#ffc"></td> </tr> <tr> <td bgcolor="#ffc"></td> <td bgcolor="#ffc"></td> <td bgcolor="#ffc"></td> </tr> <tr> <td bgcolor="#ffc"></td> <td bgcolor="#ffc"></td> <td bgcolor="#ffc"></td> </tr> </table> 这种方法虽然可以实现，但是页面里的代码多了很多，而且要控制局部也相对麻烦些。 下面的这种方法及其简单，html代码也减少了很多，结构更加的清晰。 CSS部分： <style type="text/css"> <!-- table{ border-collapse:collapse; } td{ background:#ffc; border:solid 1px #f90; height:22px; } --> </style> HTML部分： <table width="80%"> <tr> <td></td> <td></td> <td></td> </tr> <tr> <td></td> <td></td> <td></td> </tr> <tr> <td></td> <td></td> <td></td> </tr> </table> |
| 随便看 |
|
在线学习网范文大全提供好词好句、学习总结、工作总结、演讲稿等写作素材及范文模板，是学习及工作的有利工具。