幽兰帮你学习html语法做帖子[飞龙提醒您，禁止灌水和跟不相关的帖]

幽兰仙子 · 发表于 2005-11-17 22:43

[这个贴子最后由￡玉面飞龙￠在 2005/11/19 01:54am 第 1 次编辑]

<

>做html第一步就是做好边框，就是我们看到的那些漂亮一层层的背景！如果会一点代码的朋友，可以使用<A href="http://www.miciti.net/editor.asp">http://www.miciti.net/editor.asp</A>在线编辑来随心所欲的制作格式，然后复制代码发表在论坛里，看看效果。在这里先让初学者认识html，同时简单的介绍一下噢~<

> 现在把几种边框的格式介绍给大家： <

>边框其实就是一个表格，表格源代码如下： <*TABLE align=center background="帖子背景图" border=0 cellPadding=0 cellSpacing=0 borderColor=#ffff00 width="100%"><*TBODY><*TR><*TD>帖子内容，文字或图片..... <*/TD><*/TR><*/TBODY><*/TABLE> <*TABLE> 的参数设定（常用）： <*table width="400" border="1" cellspacing="2" cellpadding="2" align="CENTER" background="piner.gif" bgcolor="#0000FF" bordercolor="#CF0000"> 注解： width="400" 表格宽度，接受绝对值（如 80）及相对值（如 80%）。 border="1" 表格边框的厚度，不同浏览器有不同的内定值，故请指明。 cellspacing="2" 表格格线的厚度 align="CENTER" 表格的摆放位置（水平），可选值为： left, right, center valign="TOP". 表格内内容的对齐方式（垂直），可选值为： top, middle, bottom。　　 background="piner.gif" 表格的背景图片，与 bgcolor 不要同用。 bgcolor="#0000FF" 表格的底色，与 background 不要同用 bordercolor="#CF0000" 表格边框颜色 cols="2" 表格栏位数目，只是让浏览器在下载表格时先画出整个表格而已。 一层边框代码： <*TABLE style="WIDTH: 597px; HEIGHT: 155px" borderColor=#ffc0cb cellSpacing=2 cellPadding=3 width=597 align=center bgColor=#ffffff background=背景图片地址 border=10> <*TBODY> <*TR> <*TD> 加内容 <*/TD><*/TR><*/TBODY><*/TABLE> 二层边框代码： <*TABLE cellSpacing=15 cellPadding=0 width="100%" align=middle background=图片地址 border=0> <*TBODY> <*TR> <*TD>这是第一层边框 <*TABLE cellSpacing=15 cellPadding=0 width="100%" align=middle background=图片地址 border=0> <*TBODY> <*TR> <*TD>这是第二层边框 加内容 <*/TD><*/TR><*/TBODY><*/TABLE><*/TD><*/TR><*/TBODY><*/TABLE> 三层边框代码： <*TABLE cellSpacing=15 cellPadding=0 width="100%" align=middle background=图片地址 border=0> <*TBODY> <*TR> <*TD>第一层边框 <*TABLE cellSpacing=15 cellPadding=0 width="100%" align=middle background=图片地址 border=0> <*TBODY> <*TR> <*TD>第二层边框 <*TABLE cellSpacing=15 cellPadding=0 width="100%" align=middle background=http://www.znrsw.com/bbs/UploadFile/2005-1/2005121650912.bmp border=0> <*TBODY> <*TR> <*TD>第三层边框 加内容 <*/TD><*/TR><*/TBODY><*/TABLE><*/TD><*/TR><*/TBODY><*/TABLE><*/TD><*/TR><*/TBODY><*/TABLE> 四层边框代码： <*TABLE cellSpacing=15 cellPadding=0 width="100%" align=middle background=图片地址 border=0> <*TBODY> <*TR> <*TD>第一层边框 <*TABLE cellSpacing=15 cellPadding=0 width="100%" align=middle background=图片地址 border=0> <*TBODY> <*TR> <*TD>第二层边框 <*TABLE cellSpacing=15 cellPadding=0 width="100%" align=middle background=图片地址 border=0> <*TBODY> <*TR> <*TD>第三层边框 <*TABLE cellSpacing=15 cellPadding=0 width="100%" align=middle background=图片地址 border=0> <*TBODY> <*TR> <*TD>第四层边框 加内容 <*/TD><*/TR><*/TBODY><*/TABLE><*/TD><*/TR><*/TBODY><*/TABLE><*/TD><*/TR><*/TBODY><*/TABLE><*/TD><*/TR><*/TBODY><*/TABLE> 
音乐代码： <*embed src=http://bbs.guqu.net/uploadfile/2004-10/2004102965420924.mp3 width=300 height=45 autostart=true><*/embed>效果：<embed src=http://bbs.guqu.net/uploadfile/2004-10/2004102965420924.mp3 width=300 height=45 autostart=true></embed>注意：有几层边框，在贴子最后就加几组代码结束：<*/TD><*/TR><*/TBODY><*/TABLE>,请大家复制代码的时候把*去掉噢~

幽兰仙子 · 发表于 2005-11-17 22:45

一层边框效果：
<TABLE style="WIDTH: 580px; HEIGHT: 330px" borderColor=#d5912b cellSpacing=2 cellPadding=3 width=580 align=center bgColor=#ffffff background=http://img011.photo.wangyou.com/2005/8/26/143037/200511295491216.gif border=10><TBODY><TR><TD><

align=center> <

align=center> 《陕西分舵》[三秦大地]</TD></TR></TBODY></TABLE>

幽兰仙子 · 发表于 2005-11-17 22:47

二层边框效果：
<TABLE cellSpacing=15 cellPadding=0 width="50%" align=middle background=http://img012.photo.wangyou.com/files/2005/8/26/143037/200511310777410_t.jpg border=0><TBODY><TR><TD><TABLE cellSpacing=15 cellPadding=0 width="100%" align=middle background=http://img012.photo.wangyou.com/files/2005/8/26/143037/200511310777413_t.jpg border=0><TBODY><TR><TD><

align=center><IMG style="WIDTH: 424px; HEIGHT: 216px" height=200 alt="" hspace=0 src="http://www.laiba.org/upload/forum/20031222145432.jpg" width=200 border=0></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

幽兰仙子 · 发表于 2005-11-17 22:50

三层边框效果：
<TABLE cellSpacing=20 cellPadding=0 width="60%" align=middle background=http://img012.photo.wangyou.com/files/2005/8/26/143037/200511310788081_s.jpg border=0><TBODY><TR><TD><TABLE cellSpacing=5 cellPadding=0 width="100%" align=middle background=http://img011.photo.wangyou.com/2005/8/26/143037/200511281703740_s.jpg border=0><TBODY><TR><TD><TABLE cellSpacing=15 cellPadding=0 width="100%" align=middle background=http://img012.photo.wangyou.com/files/2005/8/26/143037/200511310777414_s.jpg border=0><TBODY><TR><TD><

align=center><IMG style="WIDTH: 499px; HEIGHT: 248px" height=200 alt="" hspace=0 src="http://home.9yz.com/clear/xg.jpg" width=200 border=0></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

幽兰仙子 · 发表于 2005-11-17 22:52

四层边框效果：
<TABLE cellSpacing=20 cellPadding=0 width="60%" align=middle background=http://img011.photo.wangyou.com/2005/8/26/143037/200511281700043_t.jpg border=0><TBODY><TR><TD><TABLE cellSpacing=3 cellPadding=0 width="100%" align=middle background=http://img011.photo.wangyou.com/2005/8/26/143037/200511281715530_s.jpg border=0><TBODY><TR><TD><TABLE cellSpacing=10 cellPadding=0 width="100%" align=middle background=http://img011.photo.wangyou.com/2005/8/26/143037/200511281700042_s.jpg border=0><TBODY><TR><TD><TABLE cellSpacing=3 cellPadding=0 width="100%" align=middle background=http://img011.photo.wangyou.com/2005/8/26/143037/200511281715530_s.jpg border=0><TBODY><TR>
<TD><

align=center><IMG style="WIDTH: 508px; HEIGHT: 274px" height=200 alt="" hspace=0 src="http://img012.photo.wangyou.com/files/2005/8/26/143037/200511314736806_s.jpg" width=200 border=0></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

幽兰仙子 · 发表于 2005-11-17 22:53

八层边框效果：
<TABLE cellSpacing=3 cellPadding=0 width="60%" align=middle background=http://img012.photo.wangyou.com/files/2005/8/26/143037/200511305097550_t.jpg border=0><TBODY><TR><TD><TABLE cellSpacing=30 cellPadding=0 width="100%" align=middle background=http://img012.photo.wangyou.com/files/2005/8/26/143037/200511305097551_t.jpg border=0><TBODY><TR><TD><TABLE cellSpacing=3 cellPadding=0 width="100%" align=middle background=http://img012.photo.wangyou.com/files/2005/8/26/143037/200511305097550_t.jpg border=0><TBODY><TR><TD><TABLE cellSpacing=15 cellPadding=0 width="100%" align=middle background=http://img012.photo.wangyou.com/files/2005/8/26/143037/200511305097552_t.jpg border=0><TBODY><TR><TD><TABLE cellSpacing=3 cellPadding=0 width="100%" align=middle background=http://img012.photo.wangyou.com/files/2005/8/26/143037/200511305097550_t.jpg border=0><TBODY><TR><TD><TABLE cellSpacing=15 cellPadding=0 width="100%" align=middle background=http://img012.photo.wangyou.com/files/2005/8/26/143037/200511305097553_t.jpg border=0><TBODY><TR><TD><TABLE cellSpacing=3 cellPadding=0 width="100%" align=middle background=http://img012.photo.wangyou.com/files/2005/8/26/143037/200511305097550_t.jpg border=0><TBODY><TR><TD><TABLE cellSpacing=10 cellPadding=0 width="100%" align=middle background=http://img012.photo.wangyou.com/files/2005/8/26/143037/200511305097554_t.jpg border=0><TBODY><TR><TD><IMG style="WIDTH: 509px; HEIGHT: 274px" height=200 alt="" hspace=0 src="http://img012.photo.wangyou.com/files/2005/8/26/143037/200511305097555.jpg" width=200 border=0></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

幽兰仙子 · 发表于 2005-11-17 22:58

[这个贴子最后由幽兰仙子在 2005/11/19 01:27am 第 1 次编辑]

<

>各种色彩字体的效果：
<

><*CENTER><*FONT style="FONT-SIZE: 20pt; FILTER: shadow(color=green); WIDTH: 100%; COLOR: white; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云"><*B>[三秦大地]欢迎您<*/B><*/FONT><*/CENTER> 
<

><*CENTER><*FONT style="FONT-SIZE: 30pt; FILTER: shadow(color=#DA70D6); WIDTH: 100%; COLOR: white; LINE-HEIGHT: 150%; FONT-FAMILY: 方正舒体"><*B>[三秦大地]欢迎您<*/B><*/FONT> <*BR><*BR><*/CENTER>
<*CENTER><*FONT style="FONT-SIZE: 35pt; FILTER: shadow(color=apar); WIDTH: 100%; COLOR: #00ff00; LINE-HEIGHT: 100%" face=汉鼎繁随意 size=6>[三秦大地]欢迎您<*/FONT><*FONT style="FONT-SIZE: 35pt; FILTER: shadow(color=apar); WIDTH: 100%; COLOR: #ff00ff; LINE-HEIGHT: 100%; FONT-FAMILY: 汉鼎繁中变" size=6><*/FONT><*FONT color=#ff00ff> <*/FONT><*/CENTER>
<*P align=center><*FONT style="FONT-WEIGHT: bolder; FONT-SIZE: 40px; FILTER: blur(add=1, direction=45,strength=10); WIDTH: 450px; POSITION: relative" color=#3333cc>三秦大地<*/FONT><*/CAPTION> <*BR><*/CAPTION><*/P>
效果：
 
<CENTER>[三秦大地]欢迎您</CENTER>
<CENTER>[三秦大地]欢迎您 </CENTER>
<CENTER>[三秦大地]欢迎您 </CENTER>
[三秦大地]欢迎您</CAPTION> </CAPTION>
跳动的字： <*CENTER><*FONT face=隶书 color=red size=15> <*MARQUEE direction=up behavior=alternate width=60 height=120>祝<*/MARQUEE><*FONT color=yellow> <*MARQUEE direction=up behavior=alternate width=60 height=80>您<*/MARQUEE><*FONT color=brown> <*MARQUEE direction=up behavior=alternate width=60 height=120>快<*/MARQUEE><*FONT color=green> <*MARQUEE direction=up behavior=alternate width=60 height=80>乐<*/MARQUEE><*FONT color=orange> <*MARQUEE direction=up behavior=alternate width=60 height=120>每<*/MARQUEE><*FONT color=gurple> <*MARQUEE direction=up behavior=alternate width=60 height=80>一<*/MARQUEE><*FONT color=blue> <*MARQUEE direction=up behavior=alternate width=60 height=120>天<*/MARQUEE><*/FONT><*/B><*/MARQUEE><*/FONT><*/CENTER><*/FONT><*/FONT><*/FONT><*/FONT><*/FONT><*/FONT> 
效果：
<CENTER><MARQUEE direction=up behavior=alternate width=60 height=120>祝</MARQUEE><MARQUEE direction=up behavior=alternate width=60 height=80>您</MARQUEE><MARQUEE direction=up behavior=alternate width=60 height=120>快</MARQUEE><MARQUEE direction=up behavior=alternate width=60 height=80>乐</MARQUEE><MARQUEE direction=up behavior=alternate width=60 height=120>每</MARQUEE><MARQUEE direction=up behavior=alternate width=60 height=80>一</MARQUEE><MARQUEE direction=up behavior=alternate width=60 height=120>天</MARQUEE></MARQUEE></CENTER>
 
跳动的字二（双字同跳）： <*P align=center> <*TABLE cellSpacing=10 cellPadding=8 width=480 bgColor=#000000 border=1> <*TBODY> <*TR> <*TD> <*TABLE cellSpacing=2 cellPadding=2 width=480 bgColor=#000000 border=0> <*TBODY> <*TR> <*TD> <*MARQUEE scrollAmount=8 direction=right behavior=alternate><*B><*FONT color=#7700bb size=5><*FONT color=lime> <*MARQUEE direction=up behavior=alternate width=40 height=200 align="middle">祝福<*/MARQUEE><*FONT color=red> <*MARQUEE direction=up behavior=alternate width=40 height=150>大家<*/MARQUEE><*FONT color=white> <*MARQUEE direction=up behavior=alternate width=40 height=200>永远<*/MARQUEE><*FONT color=fuchsia> <*MARQUEE direction=up behavior=alternate width=40 height=150>幸福<*/MARQUEE><*FONT color=olive> <*MARQUEE direction=up behavior=alternate width=40 height=200>开心<*/MARQUEE><*FONT color=green> <*MARQUEE direction=up behavior=alternate width=40 height=150>快乐<*/MARQUEE><*FONT color=blue> <*MARQUEE direction=up behavior=alternate width=40 height=200>健康<*/MARQUEE><*FONT color=orange> <*MARQUEE direction=up behavior=alternate width=40 height=150>平安<*/MARQUEE><*FONT color=orange><*/FONT><*/B><*/FONT><*/FONT><*/FONT><*/FONT><*/FONT><*/FONT><*/FONT><*/FONT><*/FONT><*/MARQUEE><*/TD><*/TR><*/TBODY><*/TABLE><*/TD><*/TR><*/TBODY><*/TABLE><*/P>
效果：
<DIV align=center><TABLE cellSpacing=10 cellPadding=8 width=480 align=center bgColor=#000000 border=1><TBODY><TR><TD><TABLE cellSpacing=2 cellPadding=2 width=480 bgColor=#000000 border=0><TBODY><TR><TD><MARQUEE scrollAmount=8 direction=right behavior=alternate><MARQUEE direction=up behavior=alternate width=40 height=200 align="middle">祝福</MARQUEE><MARQUEE direction=up behavior=alternate width=40 height=150>大家</MARQUEE><MARQUEE direction=up behavior=alternate width=40 height=200>永远</MARQUEE><MARQUEE direction=up behavior=alternate width=40 height=150>幸福</MARQUEE><MARQUEE direction=up behavior=alternate width=40 height=200>开心</MARQUEE><MARQUEE direction=up behavior=alternate width=40 height=150>快乐</MARQUEE><MARQUEE direction=up behavior=alternate width=40 height=200>健康</MARQUEE><MARQUEE direction=up behavior=alternate width=40 height=150>平安</MARQUEE></MARQUEE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></DIV> 
飞舞的字： <*MARQUEE scrollAmount=8 direction=right behavior=alternate><*B><*FONT color=#7700bb size=5><*FONT color=lime> <*MARQUEE direction=up behavior=alternate width=40 height=200 align="middle">祝<*/MARQUEE><*FONT color=blue> <*MARQUEE direction=up behavior=alternate width=40 height=150>三<*/MARQUEE><*FONT color=orange> <*MARQUEE direction=up behavior=alternate width=40 height=200>秦<*/MARQUEE><*FONT color=fuchsia> <*MARQUEE direction=up behavior=alternate width=40 height=150>更<*/MARQUEE><*FONT color=olive> <*MARQUEE direction=up behavior=alternate width=40 height=200>加<*/MARQUEE><*FONT color=green> <*MARQUEE direction=up behavior=alternate width=40 height=150>兴<*/MARQUEE><*FONT color=red> <*MARQUEE direction=up behavior=alternate width=40 height=200>旺<*/MARQUEE><*FONT color=orange> <*MARQUEE direction=up behavior=alternate width=40 height=150>！<*/MARQUEE><*FONT color=orange><*/FONT><*/B><*/FONT><*/FONT><*/FONT><*/FONT><*/FONT><*/FONT><*/FONT><*/FONT><*/FONT><*/MARQUEE>效果：<MARQUEE style="WIDTH: 463px; HEIGHT: 200px" scrollAmount=8 direction=right behavior=alternate><MARQUEE direction=up behavior=alternate width=40 height=200 align="middle">祝</MARQUEE><MARQUEE direction=up behavior=alternate width=40 height=150>三</MARQUEE><MARQUEE direction=up behavior=alternate width=40 height=200>秦</MARQUEE><MARQUEE direction=up behavior=alternate width=40 height=150>更</MARQUEE><MARQUEE direction=up behavior=alternate width=40 height=200>加</MARQUEE><MARQUEE direction=up behavior=alternate width=40 height=150>兴</MARQUEE><MARQUEE direction=up behavior=alternate width=40 height=200>旺</MARQUEE><MARQUEE direction=up behavior=alternate width=40 height=150>！</MARQUEE></MARQUEE>

幽兰仙子 · 发表于 2005-11-17 23:02

[这个贴子最后由幽兰仙子在 2005/11/22 00:39am 第 2 次编辑]

<

>加入单纯的一张图片:
<

><*P align=center><*IMG src=http://img013.photo.wangyou.com/2005/8/26/143037/200511250633730.jpg><*/P><

>效果：<IMG src="http://img013.photo.wangyou.com/2005/8/26/143037/200511250633730.jpg">

幽兰仙子 · 发表于 2005-11-17 23:06

[这个贴子最后由幽兰仙子在 2005/11/25 02:26am 第 5 次编辑]

<

>加框有一层FLASH的图片
<

><*DIV align=center> <*TABLE style="WIDTH: 342px; HEIGHT: 262px" height=262 cellSpacing=0 cellPadding=0 width=342 align=center background=http://img012.photo.wangyou.com/files/2005/8/26/143037/200511314752003.jpg border=1 bortercolor="#000000"> <*TBODY> <*TR> <*TD> <*P align=center><*EMBED style="WIDTH: 326px; HEIGHT: 243px" src=透明的FLASH width=326 height=243 type=application/x-shockwave-flash wmode="transparent" menu="false" quality="high" tybe="application/x-shockwave-flash"> <*/P><*/TD><*/TR><*/TBODY><*/TABLE><*/DIV>
<

>效果：
<DIV align=center><TABLE style="WIDTH: 342px; HEIGHT: 262px" height=262 cellSpacing=0 cellPadding=0 width=342 align=center background=http://img012.photo.wangyou.com/files/2005/8/26/143037/200511314752003.jpg border=1 bortercolor="#000000"><TBODY><TR><TD><EMBED style="WIDTH: 326px; HEIGHT: 243px" src=http://imgfree.21cn.com/free/flash/77.swf width=326 height=243 type=application/x-shockwave-flash tybe="application/x-shockwave-flash" quality="high" menu="false" wmode="transparent"> </TD></TR></TBODY></TABLE></DIV>

加框用两层FLASH的图片: <*P align=center> <*TABLE height=428 cellSpacing=0 cellPadding=0 width=560 background=http://img012.photo.wangyou.com/files/2005/8/26/143037/200511314741243.jpg border=1 bortercolor="#000000"> <*TBODY> <*TR> <*TD> <*P align=center><*EMBED align=right src=透明的FLASH width=560 height=300 type=application/x-shockwave-flash tybe="application/x-shockwave-flash" quality="high" menu="false" wmode="transparent"> <*BR><*BR><*EMBED style="WIDTH: 142px; HEIGHT: 102px" align=right src=透明的FLASH width=142 height=102 type=application/x-shockwave-flash tybe="application/x-shockwave-flash" quality="high" menu="false" wmode="transparent"> <*BR><*/P><*/TD><*/TR><*/TBODY><*/TABLE><*/P> 效果：
<TABLE style="WIDTH: 350px; HEIGHT: 279px" height=279 cellSpacing=0 cellPadding=0 width=350 background=http://img012.photo.wangyou.com/files/2005/8/26/143037/200511314741243.jpg border=1 bortercolor="#000000"><TBODY><TR><TD><EMBED style="WIDTH: 340px; HEIGHT: 281px" align=right src=http://imgfree.21cn.com/free/flash/5.swf width=340 height=281 type=application/x-shockwave-flash wmode="transparent" menu="false" quality="high" tybe="application/x-shockwave-flash"> <EMBED style="WIDTH: 80px; HEIGHT: 68px" align=center src=http://imgfree.21cn.com/free/flash/72.swf width=80 height=68 type=application/x-shockwave-flash wmode="transparent" menu="false" quality="high" tybe="application/x-shockwave-flash"> </TD></TR></TBODY></TABLE>

两个FLASH上下排列的图片： <*TABLE height=180 cellSpacing=0 cellPadding=0 width=500 background=图片 border=1 bortercolor="#000000"><*BR><*TBODY><*BR><*TR> <*TD><*BR><*P align=center><*EMBED src=透明的FLASH width=500 height=180 type=application/x-shockwave-flash wmode="transparent" menu="false" quality="high" tybe="application/x-shockwave-flash"> <*EMBED style="WIDTH: 500px; HEIGHT: 136px" src=透明的FLASH width=500 height=136 type=application/x-shockwave-flash wmode="transparent" menu="false" quality="high" tybe="application/x-shockwave-flash"><*/P><*/TD><*/TR><*/TBODY><*/TABLE> 效果：
<DIV align=center><TABLE height=180 cellSpacing=0 cellPadding=0 width=500 align=center background=http://img015.photo.wangyou.com/2005/8/26/143037/200511285858700.jpg border=1 bortercolor="#000000"><TBODY><TR><TD><EMBED style="WIDTH: 478px; HEIGHT: 187px" src=http://imgfree.21cn.com/free/flash/59.swf width=478 height=187 type=application/x-shockwave-flash wmode="transparent" menu="false" quality="high" tybe="application/x-shockwave-flash"> <EMBED style="WIDTH: 478px; HEIGHT: 150px" src=http://imgfree.21cn.com/free/flash/92.swf width=478 height=150 type=application/x-shockwave-flash wmode="transparent" menu="false" quality="high" tybe="application/x-shockwave-flash"></TD></TR></TBODY></TABLE></DIV>

幽兰仙子 · 发表于 2005-11-17 23:12

[这个贴子最后由幽兰仙子在 2005/11/22 01:30am 第 3 次编辑]

<

>下上移动的图片们：<

><*CENTER> <*MARQUEE scrollAmount=3 scrollDelay=150 direction=up width=350 height=350 border="1" borderColor="#000000"> <*P align=center><*IMG src="<A href='http: //img012.photo.wangyou.com/files/2005/8/26/143037/200511314757802_s.jpg"><*/P'>http: //img012.photo.wangyou.com/files/2005/8/26/143037/200511314757802_s.jpg"*><*/P</A>> <*P align=center><*IMG src="<A href='http: //img012.photo.wangyou.com/files/2005/8/26/143037/200511314757800_s.jpg"><*/P'>http: //img012.photo.wangyou.com/files/2005/8/26/143037/200511314757800_s.jpg"><*/P</A>> <*P align=center><*IMG src="<A href='http: //img012.photo.wangyou.com/files/2005/8/26/143037/200511314757801_s.jpg"><*/P><*/MARQUEE><*/CENTER'>http: //img012.photo.wangyou.com/files/2005/8/26/143037/200511314757801_s.jpg"><*/P><*/MARQUEE><*/CENTER</A>><

>效果 <CENTER><MARQUEE scrollAmount=3 scrollDelay=150 direction=up width=350 height=350 borderColor="#000000" border="1"><IMG src="http://img012.photo.wangyou.com/files/2005/8/26/143037/200511314757802_s.jpg"><IMG src="http://img012.photo.wangyou.com/files/2005/8/26/143037/200511314757800_s.jpg"><IMG src="http://img012.photo.wangyou.com/files/2005/8/26/143037/200511314757801_s.jpg"></MARQUEE></CENTER>左右移动的图片们：（要有个背景哟）<*CENTER> <*MARQUEE scrollAmount=1 direction=right behavior=alternate width="100%"> <*CENTER> <*TABLE cellSpacing=0 width=360 background=http://bbs.shiandci.net/lb5000/usr/10/10_5442_520.jpg border=0 cellpading="0"> <*TBODY> <*TR> <*TD> <*P align=center> <*/P> <*P align=center><*IMG src="http://img012.photo.wangyou.com/files/2005/8/26/143037/200511323073433_t.jpg"*><*/P> <*P align=center><*IMG src="http://img012.photo.wangyou.com/files/2005/8/26/143037/200511323073432_t.jpg"*><*/P> <*P align=center><*IMG src="http://img012.photo.wangyou.com/files/2005/8/26/143037/200511323073431_t.jpg"*><*/P> <*P align=center><*IMG src="http://img012.photo.wangyou.com/files/2005/8/26/143037/200511323073430_t.jpg"*><*/P> <*P align=center><*IMG src="http://img012.photo.wangyou.com/files/2005/8/26/143037/200511323072642_t.jpg"*><*/P> <*P align=center><*IMG src="http://img012.photo.wangyou.com/files/2005/8/26/143037/200511323072641_t.jpg"*><*/P> <*P align=center><*IMG src="http://img012.photo.wangyou.com/files/2005/8/26/143037/200511323072640_t.jpg"*><*/P> <*P align=center> <*/P><*/TD><*/TR><*/TBODY><*/TABLE><*/CENTER><*/MARQUEE><*/CENTER> 效果：<CENTER><MARQUEE scrollAmount=1 direction=right behavior=alternate width="100%"><CENTER><TABLE cellSpacing=0 width=360 background=http://bbs.shiandci.net/lb5000/usr/10/10_5442_520.jpg border=0 cellpading="0"><TBODY><TR><TD> <IMG src="http://img012.photo.wangyou.com/files/2005/8/26/143037/200511323073433_t.jpg"><IMG src="http://img012.photo.wangyou.com/files/2005/8/26/143037/200511323073432_t.jpg"><IMG src="http://img012.photo.wangyou.com/files/2005/8/26/143037/200511323073431_t.jpg"><IMG src="http://img012.photo.wangyou.com/files/2005/8/26/143037/200511323073430_t.jpg"><IMG src="http://img012.photo.wangyou.com/files/2005/8/26/143037/200511323072642_t.jpg"><IMG src="http://img012.photo.wangyou.com/files/2005/8/26/143037/200511323072641_t.jpg"><IMG src="http://img012.photo.wangyou.com/files/2005/8/26/143037/200511323072640_t.jpg"> </TD></TR></TBODY></TABLE></CENTER></MARQUEE></CENTER>

幽兰仙子 · 发表于 2005-11-17 23:15

[这个贴子最后由幽兰仙子在 2005/11/25 02:36am 第 1 次编辑]

<DIV align=left>图片雾化效果：</DIV>
<DIV align=left> </DIV>
<DIV align=left><*CENTER> <*TABLE cellSpacing=0 cellPadding=0 width=350 background=http://img012.photo.wagyou.com/files/2005/8/26/143037/20051131473777_s.jpg border=0> <*TBODY> <*TR> <*TD style="FILTER: Alpha(*opacity=100,style=2)" width=350 background=http://img012.photo.wangyou.com/files/2005/8/26/143037/200511314736808_s.jpg height=262><*EMBED pluginspage=http://www.macromedia.com/go/getflashplayer src=透明的FLASH width=300 height=260 type=application/x-shockwave-flash quality="high" wmode="transparent"><*/EMBED><*/TD><*/TR><*/TBODY><*/TABLE><*/CENTER></DIV>
<DIV align=left> </DIV>
<DIV align=left>效果：</DIV>
<CENTER><TABLE cellSpacing=0 cellPadding=0 width=350 background=http://img012.photo.wagyou.com/files/2005/8/26/143037/20051131473777_s.jpg border=0><TBODY><TR><TD style="FILTER: Alpha(opacity=100,style=2)" width=350 background=http://img012.photo.wangyou.com/files/2005/8/26/143037/200511314736808_s.jpg height=262><EMBED pluginspage=http://www.macromedia.com/go/getflashplayer src=http://imgfree.21cn.com/free/flash/58.swf width=300 height=260 type=application/x-shockwave-flash wmode="transparent" quality="high"></EMBED></TD></TR></TBODY></TABLE></CENTER>

<

align=left>图片倒影格式：
<

align=left><*P align=center><*FONT style="FONT-SIZE: 27pt; WIDTH: 350px; COLOR: #00ff00; HEIGHT: 10px"><*IMG src="http: //img012.photo.wangyou.com/files/2005/8/26/143037/200511310789991_s.jpg"><*FONT id=ew style="FONT-SIZE: 27pt; FILTER: wave(*strength=3,freq=3,phase=0,lightstrength=30) blur() flipv(); WIDTH: 350px; COLOR: #3333ff; HEIGHT: 10px"><*IMG src="http: //img012.photo.wangyou.com/files/2005/8/26/143037/200511310789991_s.jpg"><*/P><*/FONT><*/FONT>
<

align=left>效果：
<IMG src="http://img012.photo.wangyou.com/files/2005/8/26/143037/200511310789991_s.jpg"><IMG src="http://img012.photo.wangyou.com/files/2005/8/26/143037/200511310789991_s.jpg">

幽兰仙子 · 发表于 2005-11-17 23:23

素材搜集中~
幽兰先占用这一整页发学习资料，请想学的朋友跟帖练习噢~

紫柔幽梦 · 发表于 2005-11-17 23:57

仙子姐姐辛苦了！！这下我们可有得学了，先替大家谢过姐姐噢~~~
看上去好象很复杂的，得有空慢慢学，到时免不了请教姐姐呢！！

￡玉面飞龙￠ · 发表于 2005-11-18 15:35

[这个贴子最后由￡玉面飞龙￠在 2005/11/19 01:54am 第 1 次编辑]

长期固顶
谢谢仙子

紫柔幽梦 · 发表于 2005-11-20 01:37

下面引用由￡玉面飞龙￠在 2005/11/18 03:35pm 发表的内容：
长期固顶
谢谢仙子

同意！！！仙子辛苦了，感谢~~~

￡玉面飞龙￠ · 发表于 2005-11-21 23:18

呵呵谢谢严重同意

柏拉图 · 发表于 2005-11-24 09:17

学习了~~谢谢

紫柔幽梦 · 发表于 2005-11-26 20:28

特别感谢仙子，再次致谢！！！可惜紫柔最近一直很忙，恐怕以后才能学了~~~

￡玉面飞龙￠ · 发表于 2005-12-2 12:30

受益非浅就是海没有学回呵呵

悠悠女儿心 · 发表于 2005-12-2 21:24

这个好复杂呵，恐怕很难学吧？仙子有心了，问好~~！！！！！

		自动登录	找回密码
密码			注册

幽兰帮你学习html语法做帖子[飞龙提醒您，禁止灌水和跟不相关的帖]