郑州东风南路商鼎路:【音画教程】多层背景边框的做法
来源:百度文库 编辑:九乡新闻网 时间:2024/10/04 04:46:38
多层背景边框的做法
编制/归舟
HTML语言,就是一个公式,网上有很多关于这方面的知识,我就画下下面的公式,大家照着描就好了, 你只要在可以使用HTML功能的地方,把下面的“东西”照搬着放到里面就好:
这是个七层的公式,当然依次类推,你可以做的更多,或者你只要一层也可以啊:))
1第一层:
有几层加几个:
编制/归舟
HTML语言,就是一个公式,网上有很多关于这方面的知识,我就画下下面的公式,大家照着描就好了, 你只要在可以使用HTML功能的地方,把下面的“东西”照搬着放到里面就好:
这是个七层的公式,当然依次类推,你可以做的更多,或者你只要一层也可以啊:))
1第一层:
第二层:
|
有几层加几个:
到此,一个漂亮的网页就在你的手下做成功了,呵~~~~试试看,是不是很很简单哦:)))
注意,在做的时候,把所有的*号,去掉,那是为了在讲的时候,发在网页上不会显现出来是真实的图片了:)))--W我已把上面的*号去掉了:)
===========================下面的你可以不看,看了也没坏处:))
<*html> 是开头标记,指明下面是HTML语言编写的。
<*head><*bgsound src="http://www.6uc.com/ycb/jiaoshi/g-yyj/music/20.mp3" loop=3*><*/head>
是指HTML文件主题,一般音乐文件也可以插在此处。反正隐藏的音乐无论放在什么地方都可以的。
相关属性调整:
[align="center"] 表格的摆放位置(水平),可选值为: "left", "right", "center"
[border="0"] 表格边框的厚度,不同浏览器有不同的内定值,故请指明。
[cellpadding="0"] 文字内容与格线的距离。
[cellspacing="15"] 表格格线的厚度,数值越大,显示就越厚。
[width="540"] 表格宽度,接受绝对值(如 80)及相对值(如 80%)。
[background="http://www.xqwuyu.com/UploadFile/2004-6/200462902553878.jpg"]表格的背景图片,(与" bgcolor "不要同用)。
在<*td>里面的[width="100%"]是指表格里面内容占整个表格的100%,[align="center"]指表格里面的内容居中.
注明:最后一层表格,<*table border="0" cellpadding="0" cellspacing="0" width="100%" background="http://www.xqwuyu.com/UploadFile/2004-6/200462902553907.jpg"*><*tr><*td width="100%" align="center"*>
在<*table .......>的属性中勿须设制居中,把居中设制在<*td width="100%" align="center"*>里面。在<*td>里面的"width="100%"是指表格里面内容占整个表格的100%,*align="center"*指表格里面的内容居中,这样在这个格里的所有内容不用加居中符号它们也是居中的,省去了很多代码。
为了使整个代码帖发表后在论坛里居中所以只用在第一层表格的<*table> 里加上居中就可以了,后面多层的居中就加在<*td>里面。第一层表格中,<*table .......>里面的*align="center"*是指表格在整个页面处于居中,*width="540"* 是指整个表格的宽度。
下面是帖子内容文字的代码:
<*FONT face=隶书 color=#FFFF00 size=5*>
[face=隶书] 指字体
[color=#FFFF00] 指文字颜色
[size=4] 指文字大小,数值越大文字越大
文字中间<*br>是换行符号
说明:
背景层的代码如下:<*table border="2" cellpadding="0" cellspacing="2" bordercolorlight="#C9B976" bordercolordark="#C9B976"*><*tr><*td>
没用背景图片也没用背景颜色,只用了边框的颜色的属性。
[bordercolorlight="#C9B976"] 表格边框向光部分的颜色
[bordercolordark="#C9B976" ]表格边框背光部分的颜色
由于在整个内容部分的表格层里的<*td width="100%" align="center"*>中设制了居中,所以这个表格中的内容都会居中,在这里的图片边框表格和图片代码中都不需要再设制居中了。图片也只用调整宽和高了。
图片的代码如下:<*img border="0" src="http://211.147.4.138/upload/00/80/54/88/805488_1076739938031.jpg" width="320" height="240"*>
注明:在每张图片层的结尾处都不要忘了收尾<*/TD><*/TR><*/TABLE>,用了几个表格来加框这里就要有几个收尾。
在主题内容的图片和文字完了之后,由于前面把整个帖子的内容加了表格的,所以这里在内容图片文字完结之后不要忘了收尾<*/td><*/tr><*/table><*/td><*/tr><*/table><*/td><*/tr><*/table>
这里用了三个<*table>就要有三个<*/table> 来结尾.这样主题内容算是完成了。后面的就加一些装饰的图,签上名字等`````再来就是帖子结尾了。最前面的我用了七层表格做为帖子背景,这里收尾也要有七个层。
<*/td><*/tr><*/table><*/td><*/tr><*/table>
<*/td><*/tr><*/table><*/td><*/tr><*/table>
<*/td><*/tr><*/table><*/td><*/tr><*/table>
<*/td><*/tr><*/table>
说明:看起来好像是用了四层表格,其实只用了两层,同一个背景图。主要是边框向光和背光部分的颜色应用起到的效果。
原代码如下:
说明:
这种效果其实有好几种方法做出来,但是在我认为这种是最简单的,只是金色背景那层(第二层)表格的宽是100%其它属性值一律为0。主要是在第三层,第三层的宽width的取值要是99%,而第三层的td里的width属性要是100%。
源代码如下:
说明:这个好像没什么特别的,就是把四个角上的框架图用表格分开。
源代码:
说明:
把图片应用到边框上面,整个表格的大小很重要,调整也是件麻烦的事,所以建议大家用表格格线的厚度cellspacing的属性值或者是表格格线的间距cellpadding的属性值来调整。
源代码:
") 说明:
把图片应用到边框上面,整个表格的大小很重要,调整也是件麻烦的事,所以建议大家用表格格线的厚度cellspacing的属性值或者是表格格线的间距cellpadding的属性值来调整。
源代码:
最后把表格的相关属性再全都说明一下。
HTML语言,就是一个公式,网上有很多关于这方面的知识,我就画下下面的公式,大家照着描就好了, 你只要在可以使用HTML功能的地方,把下面的“东西”照搬着放到里面就好:
这是个七层的公式,当然依次类推,你可以做的更多,或者你只要一层也可以啊:))
1第一层:
第二层:
|
有几层加几个:
到此,一个漂亮的网页就在你的手下做成功了,呵~~~~试试看,是不是很很简单哦:)))
注意,在做的时候,把所有的*号,去掉,那是为了在讲的时候,发在网页上不会显现出来是真实的图片了:)))--W我已把上面的*号去掉了:)
===========================下面的你可以不看,看了也没坏处:))
<*html> 是开头标记,指明下面是HTML语言编写的。
<*head><*bgsound src="http://www.6uc.com/ycb/jiaoshi/g-yyj/music/20.mp3" loop=3*><*/head>
是指HTML文件主题,一般音乐文件也可以插在此处。反正隐藏的音乐无论放在什么地方都可以的。
相关属性调整:
[align="center"] 表格的摆放位置(水平),可选值为: "left", "right", "center"
[border="0"] 表格边框的厚度,不同浏览器有不同的内定值,故请指明。
[cellpadding="0"] 文字内容与格线的距离。
[cellspacing="15"] 表格格线的厚度,数值越大,显示就越厚。
[width="540"] 表格宽度,接受绝对值(如 80)及相对值(如 80%)。
[background="http://www.xqwuyu.com/UploadFile/2004-6/200462902553878.jpg"]表格的背景图片,(与" bgcolor "不要同用)。
在<*td>里面的[width="100%"]是指表格里面内容占整个表格的100%,[align="center"]指表格里面的内容居中.
注明:最后一层表格,<*table border="0" cellpadding="0" cellspacing="0" width="100%" background="http://www.xqwuyu.com/UploadFile/2004-6/200462902553907.jpg"*><*tr><*td width="100%" align="center"*>
在<*table .......>的属性中勿须设制居中,把居中设制在<*td width="100%" align="center"*>里面。在<*td>里面的"width="100%"是指表格里面内容占整个表格的100%,*align="center"*指表格里面的内容居中,这样在这个格里的所有内容不用加居中符号它们也是居中的,省去了很多代码。
为了使整个代码帖发表后在论坛里居中所以只用在第一层表格的<*table> 里加上居中就可以了,后面多层的居中就加在<*td>里面。第一层表格中,<*table .......>里面的*align="center"*是指表格在整个页面处于居中,*width="540"* 是指整个表格的宽度。
下面是帖子内容文字的代码:
<*FONT face=隶书 color=#FFFF00 size=5*>
[face=隶书] 指字体
[color=#FFFF00] 指文字颜色
[size=4] 指文字大小,数值越大文字越大
文字中间<*br>是换行符号
说明:
背景层的代码如下:<*table border="2" cellpadding="0" cellspacing="2" bordercolorlight="#C9B976" bordercolordark="#C9B976"*><*tr><*td>
没用背景图片也没用背景颜色,只用了边框的颜色的属性。
[bordercolorlight="#C9B976"] 表格边框向光部分的颜色
[bordercolordark="#C9B976" ]表格边框背光部分的颜色
由于在整个内容部分的表格层里的<*td width="100%" align="center"*>中设制了居中,所以这个表格中的内容都会居中,在这里的图片边框表格和图片代码中都不需要再设制居中了。图片也只用调整宽和高了。
图片的代码如下:<*img border="0" src="http://211.147.4.138/upload/00/80/54/88/805488_1076739938031.jpg" width="320" height="240"*>
注明:在每张图片层的结尾处都不要忘了收尾<*/TD><*/TR><*/TABLE>,用了几个表格来加框这里就要有几个收尾。
在主题内容的图片和文字完了之后,由于前面把整个帖子的内容加了表格的,所以这里在内容图片文字完结之后不要忘了收尾<*/td><*/tr><*/table><*/td><*/tr><*/table><*/td><*/tr><*/table>
这里用了三个<*table>就要有三个<*/table> 来结尾.这样主题内容算是完成了。后面的就加一些装饰的图,签上名字等`````再来就是帖子结尾了。最前面的我用了七层表格做为帖子背景,这里收尾也要有七个层。
<*/td><*/tr><*/table><*/td><*/tr><*/table>
<*/td><*/tr><*/table><*/td><*/tr><*/table>
<*/td><*/tr><*/table><*/td><*/tr><*/table>
<*/td><*/tr><*/table>
说明:看起来好像是用了四层表格,其实只用了两层,同一个背景图。主要是边框向光和背光部分的颜色应用起到的效果。
原代码如下:
说明:
这种效果其实有好几种方法做出来,但是在我认为这种是最简单的,只是金色背景那层(第二层)表格的宽是100%其它属性值一律为0。主要是在第三层,第三层的宽width的取值要是99%,而第三层的td里的width属性要是100%。
源代码如下:
说明:这个好像没什么特别的,就是把四个角上的框架图用表格分开。
源代码:
说明:
把图片应用到边框上面,整个表格的大小很重要,调整也是件麻烦的事,所以建议大家用表格格线的厚度cellspacing的属性值或者是表格格线的间距cellpadding的属性值来调整。
源代码:
") 说明:
把图片应用到边框上面,整个表格的大小很重要,调整也是件麻烦的事,所以建议大家用表格格线的厚度cellspacing的属性值或者是表格格线的间距cellpadding的属性值来调整。
源代码:
最后把表格的相关属性再全都说明一下。
width="400"
表格宽度,接受绝对值(如 80)及相对值(如 80%)。
border="1"
表格边框的厚度,不同浏览器有不同的内定值,故请指明。
cellspacing="2"
表格格线的厚度
cellpadding="2" 表格格线与内容的间隔。
align="CENTER"
表格的摆放位置(水平),可选值为: left, right, center
valign="TOP".
表格内内容的对齐方式(垂直),可选值为: top, middle, bottom。
background="myweb.gif"
表格的背景图片,与 bgcolor 不要同用。
bgcolor="#0000FF"
表格的底色,与 background 不要同用
bordercolor="#CF0000"
表格边框颜色
bordercolorlight="#00FF00"
表格边框向光部分的颜色
bordercolordark="#00FFFF"
表格边框背光部分的颜色,使用 bordercolorlight 或 bordercolordark 时 bordercolor 将会失效。
width="400"
表格宽度,接受绝对值(如 80)及相对值(如 80%)。
border="1"
表格边框的厚度,不同浏览器有不同的内定值,故请指明。
cellspacing="2"
表格格线的厚度
cellpadding="2" 表格格线与内容的间隔。
align="CENTER"
表格的摆放位置(水平),可选值为: left, right, center
valign="TOP".
表格内内容的对齐方式(垂直),可选值为: top, middle, bottom。
background="myweb.gif"
表格的背景图片,与 bgcolor 不要同用。
bgcolor="#0000FF"
表格的底色,与 background 不要同用
bordercolor="#CF0000"
表格边框颜色
bordercolorlight="#00FF00"
表格边框向光部分的颜色
bordercolordark="#00FFFF"
表格边框背光部分的颜色,使用 bordercolorlight 或 bordercolordark 时 bordercolor 将会失效。
【音画教程】多层背景边框的做法
【音画教程】多层背景边框的做法
【ps教程】ps音画贴的背景边框制作
多层边框的制作*
多层边框的制作
DIY多层纸荷花的做法(附教程)
颜色代码 多层边框的制作 -
多层边框的制作【20110109】
多层边框的制作51
多层边框的制作7
多层边框的制作=
多层边框的制作r
多层边框的制作th
多层边框的制作m
多层边框的制作0
多层边框的代码制作
音画背景边框图片素材
多层边框的制作[之二]
漂亮的多层花式边框源代码之一
教程:带顶图的纯色日志背景边框制作方法
漂亮的背景边框.
(146)网页音画边框“黄棕背景”
(147)网页音画边框“蓝紫背景”
(148)网页音画边框“红黑背景”
最新新闻 沃茨手表网
CSDN程序文档
上海旅游网 神马百科 程序博客
香蕉皮作业帮 景德镇新闻网 余姚信息网
作业帮作业网 互助问答吧 16楼社区
解题作业帮艺术百科亮点网神马百科
神马文学网
拍题作业网
UC知道
我爱散文网
北方网
科学网
第一文库网
微思作业网
我要文章网
都市新闻网西欧教育西山新闻网好楼房产信息网
九乡新闻网农企信息网仙女们写真照片音乐简谱网米粒芽学校大全网95后网站汝南网欧普网宝宝故事网
神马品牌网
杭州交通信息网/">
杭州市高中教育平台
查人人中国名人网
爱美之人
上车买票
安卓系统之家
中科新闻网
科学院研究所
高考快车
高考志愿帮
大学志愿大全
高校问答
高考问答
中考百科
大学知道
久游网