桃子试帖本

桃之妖妖

可以在论坛使用的表格边框特效

style="border:10px #9900ff dashed"

主要是利用CSS语言边框属性.

border:10px 边框厚度；

#9900ff 边框颜色；

dashed: 边框凤格。

边框凤格属性dashed指短虚线，改变边框凤格属性

还有其他效果.

我们以这张图片为例,给图片加上别具一格的边框效果.

桃之妖妖

一:虚线边框效果

 

 

代码：

<TABLE style="BORDER-RIGHT: #9900ff 5px dashed; BORDER-TOP: #9900ff 5px dashed; BORDER-LEFT: #9900ff 5px dashed; BORDER-BOTTOM: #9900ff 5px dashed" cellSpacing=0 cellPadding=0 align=center border=0>
<TBODY>
<TR>
<TD><IMG src="http://photos.my.265.com/photo/5758/149785/194d5cbedcf0ebf9272e209f354f515f_big.jpg">
</TD></TR></TBODY></TABLE>

桃之妖妖

春梦/ 黄征 制作 桃之妖妖 梦见了回到你身边 垂杨柳飘进我视线 月光下儿时的歌谣萦绕在耳边 此时温暖就在我的眼前 亮起了灯火的岸边 飘过来弯弯的炊烟 在睡梦中我曾辗转看不倦的脸 此刻向你倾诉我的思念 我要再次飞向你 飞向你的怀里 把我那倦了的心欢喜的泪留给你 渴望着靠向你 靠向熟悉的岸堤 枯草已绿在我心底 我要再次飞向你 飞向你的怀里 把我那倦了的心欢喜的泪留给你 渴望着靠向你 靠向熟悉的岸堤 枯草已绿在我心底 亮起了灯火的岸边 飘过来弯弯的炊烟 在睡梦中我曾辗转看不倦的脸 此刻向你倾诉我的思念 我要再次飞向你 飞向你的怀里 把我那倦了的心欢喜的泪留给你 渴望着靠向你 靠向熟悉的岸堤 枯草已绿在我心底

桃之妖妖

二:多层虚线边框效果:

 

 

 

<TABLE style="BORDER-RIGHT: #9900ff 5px dashed; BORDER-TOP: #9900ff 5px dashed; BORDER-LEFT: #9900ff 5px dashed; BORDER-BOTTOM: #9900ff 5px dashed" cellSpacing=0 cellPadding=0 align=center border=0>
<TBODY>
<TR>
<TD>
<TABLE style="BORDER-RIGHT: #FF6600 10px dashed; BORDER-TOP: #FF6600 10px dashed; BORDER-LEFT: #FF6600 10px dashed; BORDER-BOTTOM: #FF6600 10px dashed" cellSpacing=0 cellPadding=0 align=center border=0>
<TBODY>
<TR>
<TD>
<TABLE style="BORDER-RIGHT: #9900ff 5px dashed; BORDER-TOP: #9900ff 5px dashed; BORDER-LEFT: #9900ff 5px dashed; BORDER-BOTTOM: #9900ff 5px dashed" cellSpacing=0 cellPadding=0 align=center border=0>
<TBODY>
<TR>
<TD><IMG src="http://photos.my.265.com/photo/5758/149785/194d5cbedcf0ebf9272e209f354f515f_big.jpg">
</TD></TR></TBODY></TABLE>

</TD></TR></TBODY></TABLE>

</TD></TR></TBODY></TABLE>

千千醉

:hug: 妖妖要试什么？别晕啊，不对头的提出来，我帮你 看看这里，也许能帮你一下： http://www.bbsman.com/viewthread.php?tid=117300&extra=page%3D1

桃之妖妖

千千醉

透明flash代码之一（普通单层） 

<EMBED height=248 pluginspage=http://www.macromedia.com/go/getflashplayer src=http://www.qtqy.com.cn/tmflash/ax/19.swf type=application/x-shockwave-flash width=330 wmode="transparent" quality="high"></EMBED>

 

 

 

 

加入背景图：

 

<table width="440" height="310" border="5" cellpadding="0" cellspacing="2" bordercolor="#CC99FF">

  <tr>

    <td background="http://www.qtqy.com.cn/zs/flower/2.jpg"><div align="center"><EMBED height=273 pluginspage=http://www.macromedia.com/go/getflashplayer src=http://www.qtqy.com.cn/tmflash/ax/19.swf type=application/x-shockwave-flash width=413 wmode="transparent" quality="high"></EMBED>

</div></td>

  </tr>

</table>

 

透明flash代码之二（多重叠加）

以两层为例，以此类推：（加入背景效果）

 

<table width="400" height="320" border="5" cellpadding="0" cellspacing="2" bordercolor="#CC99FF" >

  <tr>

    <td background="http://www.qtqy.com.cn/bj/bjs3.jpg"><div align="center"><EMBED align=right src=http://www.qtqy.com.cn/tmflash/yx/13.swf width=420 height=350 type=application/octet-stream wmode="transparent" quality="high"><EMBED align=right src=http://www.qtqy.com.cn/tmflash/rw/6.swf width=420 height=350 type=application/octet-stream wmode="transparent" quality="high">

</div></td>

  </tr>

</table>

 

透明flash代码之三（不受表格边框限制）

 

<table width="700" height="464" border="0" cellpadding="0" cellspacing="0">

    <tr>

      <td height="336" background="http://www.rzhf.com/bbs/UpFile/UpAttachment/2006-7/200672685426.jpg"><div align="center"><EMBED style="LEFT: 0px; WIDTH: 753px; POSITION: absolute; TOP: 0px; HEIGHT: 554px" align=right src=http://www.qtqy.com.cn/tmflash/hy/36.swf  width=589 height=454 type=application/octet-stream wmode="transparent" quality="high" ;;></EMBED>

      </div></td>

    </tr>

  </table>

 

利用flash做背景

 

<DIV style="position:relative; top:0px; left:0px; width:460px; height:611px; overflow: hidden">

 

<div style="position: absolute; top: -50px; left: -50px">

<EMBED src="http://www.qtqy.com.cn/zs/hgsc/dtbj/1-28.swf" width=430 height=580 type=application/octet-stream wmode="transparent" quality="high">

</EMBED>

</div>

 

<div style="position: absolute; top: 122px; left: -2px; width: 360px;">

<TABLE cellSpacing=0 cellPadding=0 width=350 align=center border=0><TR><TD style="filter:chroma(color=#ff6633)"><p align="center" style="width:100%;filter:glow(color=#ff6633 strength=10);color:white"><FONT style=" FONT-FAMILY: 华文新魏; FONT-SIZE: 30pt;" color=#ff6633>

  <b>欢迎您光临</b></FONT></p>

      <p align="center" style="width:100%;filter:glow(color=#ffffff strength=19);color:white"> </p>

      <p align="center" style="width:100%;filter:glow(color=#ffffff strength=12);color:#FFCC66"><em><FONT style=" FONT-FAMILY: 宋体; FONT-SIZE: 25pt;">似水年华的休闲天地</FONT>

      </em></p></TD>

</TR></TABLE>

</div>

 

</DIV>

 

 

妖妖看看这些，里面的地址链接可能失效了，你换链接试验效果

桃之妖妖

三:点虚线边框效果 边框凤格属性dotted：点虚线

 

 

 

<TABLE style="BORDER-RIGHT: #9900ff 10px dotted; BORDER-TOP: #9900ff 10px dotted; BORDER-LEFT: #9900ff 10px dotted; BORDER-BOTTOM: #9900ff 10px dotted" cellSpacing=0 cellPadding=0 align=center border=0>
<TBODY>
<TR>
<TD><IMG src="http://photos.my.265.com/photo/5758/149785/194d5cbedcf0ebf9272e209f354f515f_big.jpg">
</TD></TR></TBODY></TABLE>

桃之妖妖

四:多层点虚线边框效果

 

 

<TABLE style="BORDER-RIGHT: #9900ff 5px dotted; BORDER-TOP: #9900ff 5px dotted; BORDER-LEFT: #9900ff 5px dotted; BORDER-BOTTOM: #9900ff 5px dotted" cellSpacing=0 cellPadding=0 align=center border=0>
<TBODY>
<TR>
<TD>
<TABLE style="BORDER-RIGHT: #FF6600 10px dotted; BORDER-TOP: #FF6600 10px dotted; BORDER-LEFT: #FF6600 10px dotted; BORDER-BOTTOM: #FF6600 10px dotted" cellSpacing=0 cellPadding=0 align=center border=0>
<TBODY>
<TR>
<TD>
<TABLE style="BORDER-RIGHT: #9900ff 5px dotted; BORDER-TOP: #9900ff 5px dotted; BORDER-LEFT: #9900ff 5px dotted; BORDER-BOTTOM: #9900ff 5px dotted" cellSpacing=0 cellPadding=0 align=center border=0>
<TBODY>
<TR>
<TD><IMG src="http://photos.my.265.com/photo/5758/149785/194d5cbedcf0ebf9272e209f354f515f_big.jpg">
</TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

桃之妖妖

五:solid：实线边框效果.

边框凤格属性solid：实线边框

这个实线边框不用CSS语言也能实现.

 

 

 

 

 

 

<TABLE style="BORDER-RIGHT: #9900ff 10px solid; BORDER-TOP: #9900ff 10px solid; BORDER-LEFT: #9900ff 10px solid; BORDER-BOTTOM: #9900ff 10px solid" cellSpacing=0 cellPadding=0 align=center border=0>
<TBODY>
<TR>
<TD><IMG src="http://photos.my.265.com/photo/5758/149785/194d5cbedcf0ebf9272e209f354f515f_big.jpg">
</TD></TR></TBODY></TABLE>