« 日本推理电影推荐 经典推理电影推荐 就这几部!flv转换器 flv转mp3 (视频转音频) »

如何把表格的边框做到1像素 [FrontPage知识]

蛋散  May 4 2010 Tags: Frontpage  表格  边框  

总结了几种方法,非常实用。

一、用嵌套表格
 
  用两个表格嵌套,外层的表格的长与宽比里层的多出2px,并设置对齐属性为水平居中、垂直居中,然后把外层表格的背景设为你需要的边框颜色,里层表格背景设为与网页背景相同,这样就实现我们的愿望了,实例如下:
  -----------------------------------------------------------------
  <table cellspacing="0" cellpadding="0" bgcolor="#000000" width="32" height="32" border="0">  
  <tr>  
  <td align="center">  
  <table cellspacing="0" cellpadding="0" bgcolor="#ffffff" width="30" height="30" border="0">  
  <tr>  
  <td> </td>  
  </tr>  
  </td>  
  </tr>  
  </table>  
  -----------------------------------------------------------------  

  二、设置亮、暗边框颜色  
 
  表格有亮边框(bordercolorlight)和暗边框(bordercolordark)两个属性,把表格边框(border)设为1px,亮边框(bordercolorlight)设为背景色,暗边框(bordercolordark)设为你需要的实际边框颜色就可以了,实列如下:  
  -----------------------------------------------------------------  
  <table border="1" cellpadding="0" cellspacing="0" width="32" height="32" bordercolorlight="#000000" bordercolordark="#FFFFFF">  
  <tr>  
  <td> </td>  
  </tr>  
  </table>  
  -----------------------------------------------------------------  

  三、用CSS定义(一) (推荐使用)  
 
  代码为:  
  style="border-collapse: collapse"  
 
  实例如下:  
  -----------------------------------------------------------------  
  <table border="1" cellspacing="0" width="32" height="32" style="border-collapse: collapse" bordercolor="#000000" cellpadding="0">  
  <tr>  
  <td> </td>  
  </tr>  
  </table>  
  -----------------------------------------------------------------  
  如果你用过Frontpage xp,你会发现,在Frontpage xp中定义的表格默认的设置就是用CSS定义过了的。  

 
  四、用CSS定义(二)  
 
  代码为:  
  style="border: 1px solid #000000;"  
 
  实例如下:  
  -----------------------------------------------------------------  
  <table cellspacing="1" width="32" height="32" style="border: 1px solid #000000; ">  
  <tr>  
  <td> </td>  
  </tr>  
  </table>  
  -----------------------------------------------------------------  
  有一点一定要注意:这时候不要再设置表格边框(border)、亮边框(bordercolorlight)和暗边框(bordercolordark)属性,否则不会出现预想的结果。

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

搜索引擎

网站分类

文章归档

最新发表

最新评论及回复

友情链接