學(xué)習(xí)純用代碼制作特效字

昵稱3684204 2011-10-23

展開全文

【學(xué)習(xí)純用代碼制作特效字】

制作這樣的文字，在廣泛的博里都可以見得到。有的是用某種軟件制作而成；有的就是用代碼來實現(xiàn)。那鑰匙今天就講解代碼制作出來的樣式，學(xué)習(xí)代碼就是要基礎(chǔ)開始學(xué)，下一步飛天，誰也沒有這樣的能耐??！ 我們先來看不要圖片的制作：

代碼復(fù) 制如下：

<DIV align=center>
<TABLE style="WIDTH: 650px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 100px; BACKGROUND-:" height=100 width=650>
<TBODY>
<TR>
<TD vAlign=center align=center>

<P align=center><FONT style="FONT-SIZE: 45pt"><FONT face=楷體_GB2312 color=#ff8800><STRONG>金鑰匙博客歡迎您</STRONG></FONT></FONT></P>

</TD></TR></TBODY></TABLE></DIV>
顯示：

金鑰匙博客歡迎您

代碼復(fù) 制如下：

<DIV align=center>
<TABLE style="WIDTH: 650px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 100px; BACKGROUND-:" height=100 width=650>
<TBODY>
<TR>
<TD style="FILTER: Glow(strength=12,color=#FFcc00)" vAlign=center align=center>

<P align=center><FONT style="FONT-SIZE: 45pt"><FONT face=楷體_GB2312 color=#ff0000><STRONG>金鑰匙博客歡迎您</STRONG></FONT></FONT></P>

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

顯示：

金鑰匙博客歡迎您

代碼復(fù) 制如下：

<DIV align=center>
<TABLE style="WIDTH: 650px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 100px; BACKGROUND-:" height=100 width=650>
<TBODY>
<TR>
<TD style="FILTER: shadow(color=#c299ff, strength=20);"   vAlign=center align=center>

<P align=center><FONT style="FONT-SIZE: 45pt"><FONT face=楷體_GB2312 color=#ff5500><STRONG>金鑰匙博客歡迎您</STRONG></FONT></FONT></P>

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

顯示：

金鑰匙博客歡迎您

代碼復(fù) 制如下：

<DIV align=center>
<TABLE style="WIDTH: 650px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 100px; BACKGROUND-:" height=100 width=650>
<TBODY>
<TR>
<TD   style="FILTER: glow(color=#005500, strength=10);"   vAlign=center align=center>

<P align=center><FONT style="FONT-SIZE: 45pt"><FONT face=楷體_GB2312 color=#ff0000><STRONG>金鑰匙博客歡迎您</STRONG></FONT></FONT></P>

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

顯示：

金鑰匙博客歡迎您

代碼復(fù) 制如下：

<CENTER style="FONT-SIZE: 50px; COLOR: #ffff00; FONT-STYLE: italic; FONT-FAMILY: Comic Sans MS"><STRONG><FONT face=隸書>金鑰匙博客歡迎您</FONT></STRONG></CENTER>

<CENTER style="MARGIN-TOP: -90px; FONT-SIZE: 50px; MARGIN-LEFT: -0px; COLOR: #00ff00; FONT-STYLE: italic; FONT-FAMILY: Comic Sans MS"><STRONG><FONT face=隸書 color=#ff0000>金鑰匙博客歡迎您</FONT></STRONG></CENTER>

顯示：
金鑰匙博客歡迎您 金鑰匙博客歡迎您

代碼復(fù) 制如下：

<DIV align=center>
<TABLE style="WIDTH: 650px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 100px; BACKGROUND-:" height=100 width=650>
<TBODY>
<TR>
<TD   style="FILTER: glow(color=#00cc00, strength=20);"   vAlign=center align=center>

<P align=center><FONT style="FONT-SIZE: 45pt"><FONT face=楷體_GB2312 color=#ff4400><STRONG>金鑰匙博客歡迎您</STRONG></FONT></FONT></P>

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

顯示：

金鑰匙博客歡迎您
寫一篇日志，選用何種字體，多是憑個人的喜好。由于日志正文字?jǐn)?shù)多，字號也比較小，一般情況下，多以宋體為主。但是，日志的正題、副題，以及小標(biāo)題，如都用一種字體就會顯得頁面平庸、呆板。所以標(biāo)題字體的變換、大小的調(diào)整，就會使日志頁面產(chǎn)生一種動感，如果給標(biāo)題做上特效，那么整個頁面就會有一股靈氣。博友們在欣賞你的日志的同時，同樣能體會出一種美感。有了這些字體，如再能熟練掌握特效字的制作，就會給日志頁面增加不少的光彩。網(wǎng)易博客在編輯頁面顯示出的漢字字體只有幾種常用的字體，其實不止這些，能打出的字體有十五種，或許還多。請見列表。

宋體黑體隸書華文隸書幼圓

華文仿宋華文中宋華文楷體華文行楷華文新魏

華文細(xì)黑華文彩云華文琥珀方正姚體方正舒體



特效字代碼

特效字代碼
<DIV style="FILTER: shadow(color=red,direction=135); WIDTH: 100%; HEIGHT: 12px"><FONT face=幼圓 color=#ffffff size=5>特效字代碼</FONT></DIV>

特效字代碼
<DIV style="FILTER: shadow(color=ffff00); WIDTH: 100%; HEIGHT: 12px"><FONT face=宋體 color=#ff0000 size=5>特效字代碼</FONT></DIV>

特效字代碼
<DIV style="FILTER: glow(color=FFFF66); WIDTH: 100%; HEIGHT: 12px"><FONT face=隸書 color=#0033cc size=5>特效字代碼</FONT></DIV>

特效字代碼
<DIV style="FILTER: alpha(opacity=100,style=3); WIDTH: 100%; HEIGHT: 12px"><FONT face=方正舒體 color=#ff0000 size=5>特效字代碼</FONT></DIV>

特效字代碼
<DIV style="FILTER: dropshadow(color=#5B00AE,offX=8,offY=5,Positive=1); WIDTH: 100%; HEIGHT: 12px"><FONT face=華文行楷 color=#ca8eff size=5>特效字代碼</FONT></DIV>

特效字代碼
<DIV style="FILTER: wave(add=0,lightstrength=50,strength=3,freq=2,phrase=10); WIDTH: 100%; HEIGHT: 12px"><FONT face=宋體 color=#ffffff size=5>特效字代碼</FONT></DIV>

特效字代碼
<DIV style="FILTER: shadow(color=#3300FF, strength=8); WIDTH: 200px; HEIGHT: 12px"><FONT face=華文彩云 color=#33ffff size=5>特效字代碼</FONT></DIV>

特效字代碼
<DIV style="FILTER: glow(color=blue strength=3); WIDTH: 100%; HEIGHT: 12px"><FONT face=黑體 color=#ff0000 size=5>特效字代碼</FONT></DIV>

金鑰匙歡迎朋友們光臨

金鑰匙的博客!
如果你喜歡此日志，請點擊日志右下方的“推送或引用”，
或者左下方的“分享”，讓大家分享，也算是對我的支持，謝謝！
※尊重他人勞動，崇尚網(wǎng)絡(luò)公德。
引用日志及代碼請保留原創(chuàng)字樣!
※請朋友尊重朋友的勞動所成果，此筐架請你不要刪，朋友的互相尊重!
如果你想得到別人的尊重，
那么你首先要學(xué)會怎樣去尊重別人, 別人同樣也回尊重你!

金鑰匙再次聲明：
不歡迎“復(fù)制者”--請文明上網(wǎng)。
您可以在網(wǎng)絡(luò)找教程，素材，請別復(fù)制制作好的博文內(nèi)容！
請別復(fù)制博文，復(fù)制專輯，修改專輯鏈接地址！
您復(fù)制--粘貼--也許需要幾分鐘，
可您知道編輯一篇教程需要多長時間嗎？
可您知道編輯一篇圖片“文章’需要多長時間嗎？
您又知道制作“代碼效果”一篇教程需要多長時間嗎？
還是一句話：尊重他人勞動，崇尚網(wǎng)絡(luò)公德。
光看不留意見的，我將不視為博友！請文明上網(wǎng)?。?！
金鑰匙謝謝您的光臨，并請留下寶貴意見！