HTML代码音画初级教程之(三)：HTML边框如何加羽化的代码 [图片]

LOVE佳 2010年07月23日 13:30 阅读(376) 评论(69) 分类：个人日记

HTML边框如何加羽化的代码

教程原创：墨梅冷阁              授课教师：你的空间号*****

亲爱的朋友大家好，欢迎来到*****，今天很开心在这里跟大家分享HTML代码：边框如何加羽化的代码。

首先，*****在这里准备两个代码和一个图素材：

1，边框代码：

<TABLE borderColor=#D2B48C height=330 cellSpacing=10 cellPadding=10 width=800 align=center bgColor=#000000 border=16>

<TBODY>

<TR>

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

2，图羽化代码：

<CENTER>

<img src="这里放图地址" style="FILTER: alpha(opacity=100,style=2)"width=300>

</CENTER>

3，图素材和地址：

（注：点一下这个图就有地址）

接下来，打开日志编辑窗口，先把第一个代码放进HTML编辑窗口（不知放在哪的，请看本空间HTML边框使用教程）！点返回，那么就会出现来第一个边框的效果如下：

这样子可以确定边框代码无误。再次回到HTML编辑窗口，复制图羽化代码，在边框代码的下面回车三次。粘贴羽化代码（记得把地址加上如：

<CENTER>

<img src="http://b24.photo.store.qq.com/http_imgload.cgi?/rurl4_b=9a2

04aea8394e970f2a409f201a87df7a9703be42395d284b69c229847c6e1cbff98f

c9a7d394903d30dcabe73a0b6d91cf3648e71089fde8da253cf255f6abfcf0aa6588

c973af847384dbd4708fc161dc5e0be&a=25&b=24" style="FILTER: alpha(opacity=100,style=2)"width=300>

</CENTER>

点返回出现效果，边框在上面，羽化代码在下面：

最后，我们只要剪切羽化好的图进边框里边就可以啦！效果：

亲爱的朋友：

欢迎进入****在这里你写的内容越多，日志的边框就会越大。你也可以在这里放入动画，照这些方法放入字的代码，也可以加FLASH动画。祝你成功，但不要忘了回来交作业哈！嘻嘻！从今天开始，交作业的好友可学习墨梅冷阁教程中权限教程！祝大家学习愉快！

墨梅冷阁题自：2010/1/27

◇击点打开html代码浏览器◇

欢迎光临*****祝你学习愉快！