在网页中应用最广泛的就是表格了,作出一个漂亮的表格会为网页增色不少,而其中表格的边框就是很
重要的部分。新手在用表格时,总是发现自己作出来的表格边框很粗,不如人家的漂亮,这里介绍两种方法。
  在介绍制作极细表格边框的方法之前,我们先来看一下有关标识的作用:
  border:指定表格边框的厚度,单位为像素,数值为0表示表格不显示边框;
  bordercolor:指定表格边框的颜色,可用颜色名或十六进制rgb值;
  bgcolor:指定背景颜色,可用颜色名或十六进制rgb值;
  cellspacing:指定相邻单元格边框的间距;
  cellpadding:指定表格单元格与内容之间的间距;
  bordercolordark:指定表格三维边框的深色颜色,可用颜色名或十六进制rgb值;
  bordercolorlight:指定表格三维边框的浅色颜色,可用颜色名或十六进制rgb值。

  方法一:
  

bordercolorlight=”#000000″>
  

  

  

  

  

  

  

  

  

极细表格边框 极细表格边框
极细表格边框 极细表格边框

  注意事项:
  1、border、cellspacing和cellpadding的设置不可更改;
  2、表格边框的颜色实际上是由bordercolordark指定的;
  3、bgcolor和bordercolorlight指定的颜色应该与表格外的区域的颜色一致。

  方法二:
  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

极细表格边框 极细表格边框
极细表格边框 极细表格边框

  

  注意事项:
  1、这种方法实际上是两个表格嵌套来实现极细表格边框;
  2、两个表格中的border、cellspacing和cellpadding的设置都不可更改;
  3、第一个表格中除了嵌套的第二个表格,不能有任何其他内容(包括空格);
  4、显示出来的表格边框颜色实际上由第一个表格的背景色bgcolor来指定;
  5、第二个表格的单元格tr必须指定背景色bgcolor,而且背景色必须与表格外的区域的颜色一致。

5 Comments

  1. 想你这样的代码写完之后,最好是把那段代码的结果用图片贴上去吗
    人家就好参考吗。你说是 拨 (也就是这张表了)

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.