返回
html基础：表格边框制作教程

html基础：表格边框制作教程

ID：23831473

大小：391.19 KB

页数：27页

时间：2018-11-10

html基础：表格边框制作教程_第1页
html基础：表格边框制作教程_第2页
html基础：表格边框制作教程_第3页
html基础：表格边框制作教程_第4页
html基础：表格边框制作教程_第5页
资源描述：

《html基础：表格边框制作教程》由会员上传分享，免费在线阅读，更多相关内容在应用文档-天天文库。

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

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

2、table>之下，还需要由两个成对的标识符号定义表格的行、列，它们分别是

……，，tr标识符定义表中的行，td标识符定义数据表元，即每行中的每一列。要包含在……里面。此外，论坛要求在
…………
下有（表体），它也是成对出现，包含...。一张完整的表格全部语法如下：                    

3、>效果如下：HelloTable 表格边框的修饰上一讲我们讲到border属性，border即为边框，除了有粗细的数值定义以外，还有其他的属性哦。我们先来看看亮边框的颜色和暗边框的颜色设置。亮边框记作bordercolorlight，暗边框记作bordercolordark。它们的数值可以用red、green、blue等表达，也可以用#11ee00这样的方式来表达，比如：bordercolorlight=red，bordercolorlight=#808000。请看下面的表格：以上表格的全部代码清单如下：

4、dercolorlight=#008000bordercolordark=#808000>  

      HelloTable  
HelloTable
上表中，左、上边框是亮边框，右、下边框为暗边框。怎么样？这么一修饰就好看多了吧？边框颜色方面还有一个属性：bordercolor。当同时设置了暗、亮边框的颜色，bordercolor的颜色设置是多余的，这一点应该注意。现在我们用bordercolor来设置一下表格边框，看看有什么效果：HelloTable代码清单：

5、rder="10"width=100%bordercolor=#FF0000>      HelloTable  上面我们学习的有关表格边框颜色的设置，下面继续跟我学习表格边框其他方面的知识。内容不多了，还讲两个表格边框的属性：一是边框线（cellpadding）粗细和边框空白处的大小，取值范围从0开始，用正整数。下面是代码和表格效果：  

6、    HelloTable边框线:2，边框空白处:8  HelloTable边框线:2，边框空白处:8 表格背景的修饰默认情况下，HTML网页里表格的背景色是白色的。这显然不总是符合我们的要求，我们通常会设置各种背景颜色，以配合网页或贴子主题。设置表格的背景色很简单，给其bgcolor属性赋值即可，写作bgcolor=数值，其数值取值方式和上一讲讲到的边框颜色是一致的，比如：bgcolor=black或bgcolor=#000000。bgcolor属性应该放置在表格初始

7、符当中。下面举个实例，先是代码，后是效果：              nlp
        暗边框颜色：#008000
    

8、  亮边框颜色：#008060    

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

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

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