教你如何用HTML在线编辑代码做漂亮日志

 

 

 

教你编辑HTML代码做日志

 

 

 

主讲芙蓉/编辑/视频制作：fe非

 

 

shuangfeiyan欢迎您

 

 

下面是制作素材，可自行选择：

     

 

     

 

 

                                                   

 

 



HTML在线编辑器：

http://ny.xmu.edu.cn/editor.asp 

 

 

 

原图

 

 

1，静的圆形渐变透明代码 :

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

下面是效果图：

 

 

2,静的方形渐变透明代码：方形

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

3，动的代码：

<marquee behavior=alternate><BR>
<img src="这里放图的地址" style="FILTER: alpha(opacity=100,style=2)"width=300><BR>
</marquee></p>

 

 

 

 

4，黑白效果代码：

<img src="图片地址" style="filter:'gray'">

 

 

5，X光效果（底片）代码：

<img src="图片地址" style="filter:'xray'">

 

 

 

6, 浮雕效果代码：

<img src="图片地址" style="filter:progid:DXImageTransform.Microsoft.Emboss()">

 

 7, 上下颠倒代码：

<img src="图片地址" style="filter:flipv">

 

8，左右颠倒代码：

<img src="图片地址" style="filter:fliph">

 

9，色彩颠倒代码：

<img src="图片地址" style="filter:invert">

 

 10，粒状阴影代码：

<img src="图片地址" style="filter:progid:DXImageTransform.Microsoft.Glow(color=#ed00ff,strength=30)">

凹进框代码：

<img src="图片地址" style="border:50 inset #ff88ff">

 

 

以下效果我就不一一示范了，自己去做做看。 

水波效果代码：

<img src="图片地址" style="filter:wave(freq=11, strength=4, phase=6, lightstrength=10)">

 

凸出框代码：

<img src="图片地址"style="border:50 outset #ff88ff">

 

虚线框代码：

<img src="图片地址" style="border:8 dashed #ff0000">

 

凹槽框代码：

<img src="图片地址" style="border:50 groove green" border="0">

 

脊状框代码：

<img src="图片地址" style="border:50 ridge green" border="0">

 

 

闪光字代码：

<

<TABLE style="BACKGROUND-IMAGE: url(字体图片)" cellSpacing=0 cellPadding=0 align=center tbody="tbody" table="table">
<TBODY>
<TR>
<TD style="FILTER: chroma(color=#336699)">
<TABLE style="BACKGROUND-IMAGE: url(图片背景)" align=center tbody="tbody" table="table">
<TBODY>
<TR>
<TD align=middle>
<P><FONT style="FONT-WEIGHT: normal; FONT-SIZE:100pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=华文行楷 color=#336699><B>开心就好</B></FONT></P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

开心就好

 

 

投影字代码：

<DIV style="FILTER: shadow(color=#ed00ff, strength=60); WIDTH: 600px"><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 60pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=华文新魏 color=#37b400>钟爱一生欢迎您!QQ908326645</FONT></DIV>

shuangfeiyan欢迎您!QQ1102224784

 

 

 

标签 日志