[生活]2、html基础表格边框制作教程

[生活]2、html基础表格边框制作教程

ID:35534236

大小:301.26 KB

页数:27页

时间:2019-03-25

[生活]2、html基础表格边框制作教程_第1页
[生活]2、html基础表格边框制作教程_第2页
[生活]2、html基础表格边框制作教程_第3页
[生活]2、html基础表格边框制作教程_第4页
[生活]2、html基础表格边框制作教程_第5页
资源描述:

《[生活]2、html基础表格边框制作教程》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库

1、HTML表格边框制作教程作者:灵子农格以

和v/table>分别作起始标识符。其中,
里有一些必要的参数,为容易理解起见,往这里只介绍木节用到的参数,其他的参数今后将陆续提到.border参数定义表格边框的粗细,记为border=数值,数值取0,1,2,3等整数。width是我们要定义的参数,它规定表格的宽度,数值通常用100%,记作width=100%,值得注意的是,如果不设置width值,表格将根据单元格里的内容H动定义宽度oheight参数规范表格的高度,通常可以不设置,而是让内容的多少让系统自行设

2、定。

和v/table>之下,还需要ill两个成对的标识符号定义表格的行、列,它们分别是……,,ti■标识符定义表屮的行,td标识符定义数据表元,即每行中的每一列。HelloTable
……......v/td>要包含在vtr>v/tr>里血。此外,论坛要求在下冇<丫body>(表体),它也是成对出现,包含vtr>...o一张完整的表格全部语法如下:Vableborder=2width=80%>

3、ody>

HelloTable
效果如下:HelloTable表格边框的修饰上一讲我们讲到border属性,border即为边框,除了有粗细的数值定义以外,还有其他的属性哦。我们先來看看亮边權的颜色和暗边松的颜色设置。亮边框记作bordercolorlight,暗边松记作bordercolordark&它们的数值可以用red>green>blue衣达,也可以川#11ee00这样的方式來农达,比如:bordercolorlighEed,bordercolorlight二#808000。请看卜-而的农格:HelloTable以上表格的全部代

4、码清单如下:

上表中,左、上边框是亮边框,右、下边框为暗边框。怎么样?这么一修饰就好看多了吧?边框颜色方面还有一个属性:bordercolor。当同时设置了暗、亮边框的颜色,bordercolor的颜色设置是多余的,这一点应该注意。现在我们川bordercolor来设置

5、一下衣格边肚看看有什么效果:代码清单:HelloTable上面我们学习的冇关表格边框颜色的设置,下面继续跟我学习表格边框其他方面的知识。内容不多了,还讲两个表格边框的属性:一是边框线(cellpadding)粗细利边框空白处的大小,取值范围从0开始,用正整数。下面是代码和表格效果:

6、=2cellspacing=8width=100%>HelloTable边框线:2,边框空口处:8HelloTable边框线:2,边框空白处:8表格背呆的修饰默认情况下,HTML网页里表格的背景色是仃色的。这显然不总是符合我们的要求,我们通常会设置各种背景颜色,以配合网页或贴子主题。设置表格的背呆色很简单,给其bgcolor属性赋值即可,写作bgcolor=数值,其数值収值方式和上一讲讲到的边框颜色是一致的,比如:bgcolor

7、=black或bgcolor二#000000°bgcolor属性应该放凰在表格初始符当中。下面举个实例,先是代码,后是效果:

8、nlpv/axbr>暗边框颜色:#008000
亮边框颜色:#008060[注一:代码中用上了设置字体对齐方式,在vtd>和</td>Z间用<palign=left>来定义左对齐,这种方式的

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。