HTML代码基础教程之三:HTML边框如何加羽化的代码

HTML代码教程

 转帖

 

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="</FONT>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代码浏览器

 

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

 

                                                                                                           

相关日志

 

文章评论