全球旧事资料 分类
HTML表格边框制作教程
作者:灵子表格以table和table分别作起始标识符。其中,table里有一些必要的参数,为容易理解起见,在这里只介绍本节用到的参数,其他的参数今后将陆续提到。border参数定义表格边框的粗细,记为border数值,数值取0,1,2,3等整数。width是我们要定义的参数,它规定表格的宽度,数值通常用100,记作width100,值得注意的是,如果不设置width值,表格将根据单元格里的内容自动定义宽度。height参数规范表格的高度,通常可以不设置,而是让内容的多少让系统自行设定。table和table之下,还需要由两个成对的标识符号定义表格的行、列,它们分别是tr……tr,td……td,tr标识符定义表中的行,td标识符定义数据表元,即每行中的每一列。td……td要包含在tr……tr里面。此外,论坛要求在table下有tbody(表体),它也是成对出现,包含trtr。一张完整的表格全部语法如下:
tableborder2width80tbodytrtdHelloTabletdtrtbodytable效果如下:
HelloTable
表格边框的修饰上一讲我们讲到border属性,border即为边框,除了有粗细的数值定义以外,还有其他的属性哦。我们先来看看亮边框的颜色和暗边框的颜色设置。亮边框记作bordercolorlight,暗边框记作bordercolordark。它们的数值可以用red、gree
、blue等表达,也可以用11ee00这样的方式来表达,比如:bordercolorlightred,bordercolorlight808000。请看下面的表格:
以上表格的全部代码清单如下:
tableborder6width100bordercolorlight008000bordercolordark808000tbody
ftrtdwidth100HelloTabletdtrtbodytable上表中,左、上边框是亮边框,右、下边框为暗边框。怎么样?这么一修饰就好看多了吧?边框颜色方面还有一个属性:bordercolor。当同时设置了暗、亮边框的颜色,bordercolor的颜色设置是多余的,这一点应该注意。现在我们用bordercolor来设置一下表格边框,看看有什么效果:
HelloTable
代码清单:
tableborder
好听全球资料 返回顶部