关于雷锋作文的开头:博友自己自作边框

来源：百度文库编辑：中财网时间：2024/04/29 14:55:16

',1)">

一、边框表格的基本语法
表格边框效果
代码如下

文字

基本语法释义
在上面框内这段代码里的文字<*/td><*/tr><*/table>就组成边框表格的基本语法:开始标签,内容,结束标签.这三个标记

是定义表格的最重要的标记，可以说学懂这三个就足己制作一个边框表格了.
先看懂这个代码:
table:这是一个做表格的元素,要描述内容的属性都写在由它组成的开始标签里.
tr:描述列的元素,列就是从上到下的行.
td:描述格的元素,格就是每行里的格(大概意思).
table的属性常用的有:
width= 表格宽度，接受绝对值（如180）及相对值（如 80%,相对可显示的宽度）
height= 表格高度，接受绝对值（如 180）
border= 表格框的厚度.
cellspacing= 表格格线离边框距离
cellpadding= 文字图片离格线的距离.
align= 表格的摆放位置（水平），可选值为： left, right,center(左，右，中心)
valign= 表格内字画等的摆放贴位置（垂直）可选值为： top, middle, bottom。(顶，中间，底部 ) background= 表格的背景图，与 bgcolor 不要同用。 bgcolor= 表格背景颜色，与background 不要同用. bordercolor= 表格边框颜色. bordercolorlight= 表格边框向光部分的颜色. bordercolordark= 表格边框背光部分的颜色,(使用 bordercolorlight 或 bordercolordark 时 bordercolor 将会失效)
二、边框的制作
1.颜色框: 简单地只要写上表格边框颜色属性 bordercolor 和边框的厚度属性 border,再写上表格的宽 width 和高 height 就会显示一个你所指定的颜色框.
颜色框效果
代码如下

文字

这里多写了一个格线属性cellspacing=0,格线就是上面第一个边框里的那根细线(打表格用的)，不写格线属性浏览器就默认为1.我们不需要格线时,请一定写上cellspacing=0,这个默认有时会捣乱的. 右边是不写的效果:cellspacing=0不写的效果
框定好宽和高以后,如果放在里面的内容大于它,则按大的显示.例如还是上面那个尺寸的框,放进一张大的图片
:

代码如下

以上的效果提示我们要注意两点:
1）有时按需要定好框的尺寸,不容许再变的,那就要注意放进去的内容不能大于框的尺寸,以免撑大.
2）因为放进去的内容会撑大框,有时干脆不写表格的尺寸,让内容自动撑大反而会服贴.
三、素材框
利用素材图片做框的原理是:把素材图片做成各种背景图,再把背景图一张张覆盖上去,每后一张都比前一张小一点,这些边上露出来的小一点就组成了一个框的效果. 边框要做多少层就要做多少个背景图,要做成多少个背景图也就是要做多少个表格.每后一个表格都要放到前一个表格里. 要使每后一张都比前一张小一点的方法:只要在前一张代码里设定格线厚度cellspacing=就行了,设定多大就露多大.(我们经常看到的漂亮边框就是这样做出来的）
素材边框效果
代码如下

文字

在框内添加一张图片效果如下：

代码如下

看懂这些代码的意思了吗？其实最重要的还是应该做到前面有几个开始标签，结束就必须有收尾标签。音画帖往往做框用很多表格,里面又大框套小框的用很多表格,由于疏忽经常会出现少写或多写收尾。使得整个帖变形. 正常来说：做了几个表格,就必须有几组收尾标签,多一个少一个都不行.（即：多少

对应多少

）。（网易博客具有默认兼容）
四、图和文字放进框里的方法及注意点
代码格式：

内容

将图和文字的代码从上到下按顺序代替上面的"内容"放到表格里. 代码安放的一些注意点:
1.竖向处理:,首先,表格属性里不写高 height ,这样可让内容自动撑高. 凡是要空行的地方可用换行标签
来设定,不够可以多加几个<*br>,到满意为止, 也可用分段标签

......

,不够再加

2.横向处理:首先,在最后一层表格里写上文字图片离格线的距离属性: cellpadding= .不让内容靠边. 再强调一遍,放进去的所有内容的宽度不要大于框的内宽,为了美观还要它们小一点. 图片宽度好设定,文字一般也用
分行的方法来限定它的宽度。
3.内容居中:将位置属性align=center放到最后一层表格的标签里,框里的内容就会都居中了，代码格式：

内容

五、如何隐藏表格的四个边框
表格边框的显示与隐藏，是可以用frame参数来控制的。请注意它只控制表格的边框图，而不影晌单元格。
只显示上边框
只显示下边框

只显示左、右边框

只显示上、下边框

只显示左边框

只显示右边框

不显示任何边框

',2)">

欢迎你阅读
2011年11月16日 2011.11.17

2011年11月16日代码源介绍 2011.08.29

代码源介绍博客代码运用 2011.08.29 博客代码运用广播电台实时在线播放 2011.08.29

广播电台实时在线播放卫星小锅接收器解密 2011.08.29

卫星小锅接收器解密博友你手机隐藏的功能你知道吗 2011.08.29 博友你手机隐藏的功能你知道吗网易博客代码(颜色代码) 2011.08.29 网易博客代码(颜色代码)代码运用 2011.09.26 代码运用QQ技巧 2011.08.29 QQ技巧网页播放器代码参数 2011.08.29 网页播放器代码参数QQ技术 2011.08.29 QQ技术蹉跎岁月他（她）都白发苍苍了 2011.08.29

蹉跎岁月他（她）都白发苍苍了电子杂志在线阅读 2011.08.29

电子杂志在线阅读中央8.8关于文革的决定(五） 2011.08.29

中央8.8关于文革的决定(五）

怎样自作一个真真属于自己的网站？用media player 如何自作自己的短篇求一首自作现代诗自作自受用英文怎么说 QQ空间皮肤自作求证,并且自作圆自己怎么作指甲如何自缚自己自己感到得意----自() 解圆,自作圆,急,作业胶合板的用途和自作方法? 小学生自编作文集有哪些?? 小学生自编作文集前言网易部落怎么自作风格？？？？网易部落怎么自作风格 SJ的新自作剧为什么图片边框自己加了白色?..............急怎样在word中添加自己设置的页面边框在CAD中如何自己制作边框，标题栏，明细表使用框架作的网页的标题怎么改，就是边框上的字？在Flash中，什么是无边框填充色自定的矩形？想在WORD里用自己喜欢的个性化边框（ACDsee格式），怎么应用到边框怎么样在dreamweaver里随意绘制细边框呢？而不要自带的双线边框，是不是需要在photoshop先绘制？自己涂鸦之作，如何？