一、首先我们先做一个边框（把这些代码先复制到源代码状态） 代码如下：
切换到编辑栏里看效果： 加入内容 二、边框的基本格式及说明：
说明： ：表格的起始符。任意一个表格的开始都必须以它开头，且必须有终止符
。 cellspacing：单元格间距，用来指定表格与各单元格之间的空隙。 cellpadding：用来指定单元格内容与单元格边界之间的空白距离的大小。 width：表格的宽度。取值从0开始，默认以像素为单位，与显示器的分辨率的像素是一致的。800×600的显示分辨率下，如果表格设置成1000个像素的宽度，那么，得出的效果将导致IE的横向滚动条出现，只有通过滑动它才能看到表格最右边的内容，所以建议在设置表格的宽度时充分考虑显示分辨率问题。width的取值还可以使用百分比，如widht="100%"，这种赋值法有个好处：表格的宽度将根据可显示的宽度来自我调整宽度。 background：表格的背景图。其值为一个有效的图片地址。也有此属性。同时设置背景色和背景图不冲突，也建议这么做，这样，当图片不能显示时，表格的外观依然是好看的。 ：表体的起始符。紧跟在之后，表示表体开始。必须有结尾符，放在
之前。 ：tr的作用是规定表格的行，其中，t是table，r是row（行）。有多少组tr，这张表格就有多少行。紧跟在之后。必须有终止符。 ：td的作用是规定表格的列，t是table，d可理解为down（向下）。有多少组td，这张表格就有多少列。第一个紧跟在之后。终止符为。td与tr配合构成单元格。 以上就第一层边框的基本要素，现在我们在看看第二层边框：
其它的全和第一层一样，但多了这二组： 1：cellSpacing=1 borderColorDark=#0d1737 为暗边框，边框宽度为1象素，颜色为0d1737 2： cellpadding：单元格间距。指该单元格里的内容与cellspacing区域的距离，如果cellspacing为0，则表示单元格里的内容与表格周边边框的距离。 3：borderColorLight=#24387a 为亮边框，颜色为0d1737 第三层边框和第一层一样，现在我们来看最后一层边框也就是背景。 它只有背景的宽度width="网页宽度"，背景展示的网址：background=背景图片网址，还多了一个border=0它是什么意思呢？ border：此属性定义表格的边框。比如，border=1，表示表格边框的粗细为1个像素（默认值），为0表示没有边框。 三、认识了边框的结构和代码后，让我们自己亲自制作一些边框吧 首先我们先选好所需的素材 1、我们先制作一个表格 2、转换为HTML模式，边框变为代码如下： 3、修改边框颜色代码: 点击进入提取颜色代码代码： http://www.rqsha.com/Article/ShowArticle.asp?ArticleID=305 代码如下: 4、添加背景图片即代码background，代码如下： 换上代码background= 及图片地址，把border=1改为border=0 ，cellSpacing=2 把2修改得大一点，比如20 ，数越大，边框越宽 第一层的全代码： ` 5、这是第一层，转换为“编辑”模式，看一下效果 添加内容 我们接着做第二层： 1。把第一层的上半部分复制， 我们将图片地址修改一下 2、然后稍作修改就可以了 。 cellSpacing=1 把原来的20改为了1。 同样的方法做第三层 第三层的代码是 | 不用发出，你转换一下模式就可以看出效果了 前三层全代码如下： 看看效果： 七层边框： 第四层跟第二层一样 ，第五层跟第一层一样 ，第六层跟第二层还一样 ，把原来的代码依次复制过来就可以了。（图片还可以自由组合） 都复制过来看看效果： OK，让我们预览一下效果： 我们做八层边框，再复制一层代码过来，然后换上背景地址就OK了。 最后一层代码如下： 让我们一起看看八层边框组成的效果吧： 内容 |
|
|
|
|
本站仅提供存储服务，所有内容均由用户发布，如发现有害或侵权内容，请
点击举报。
