繼上節(jié)文字顏色的設(shè)置,本節(jié)我向大家介紹的是文字式樣的設(shè)置。同樣,在介紹前,大家先熟悉以下這幾個基本代碼:
(1)字體加粗:<STRONG>你要寫的文字</STRONG>
(2)字體傾斜:<EM>你要寫的文字</EM>
(3)加下劃線:<U>你要寫的文字</U>
(4)字號控制:<FONT SIZE=n>你要寫的文字</FONT>,其中n就是你想要設(shè)置的字號。
(5)字體設(shè)置:<FONT FACE=pattern>你要寫的文字</FONT>,其中pattern就是你想要設(shè)置的字體樣式,如:黑體、宋體、隸書、華文彩云等等。
好,現(xiàn)在我們就以具體的例子實踐一下吧!如果你對字體的基本樣式設(shè)置已經(jīng)很熟悉的話,那就不用看第一點了,如果你是這方面的高手那就一點也不用看了,呵呵!
一、文字基本樣式的設(shè)置
例1:設(shè)置文字“文字樣式面面觀”:字體為隸書、字號為7、加粗、加下劃線、字體傾斜。
代碼:<P><FONT face=隸書 size=7><STRONG><U><EM>文字樣式面面觀</EM></U></STRONG></FONT></P>
效果:文字樣式面面觀
例2:結(jié)合我們上一節(jié)介紹的文字顏色設(shè)置給上面的文字加上色彩吧,設(shè)置文字“文字樣式面面觀”:字體為隸書、字號為7、加粗、加下劃線、字體顏色為紫羅蘭色。
代碼:<P><FONT face=幼園 color=#800080 size=7><STRONG><U>文字樣式面面觀</U></STRONG></FONT></P>
效果:文字樣式面面觀
例3:再加上文字顏色背景顏色怎么樣?設(shè)置文字“文字樣式面面觀”:字體為華文彩云、字號為7、加粗、字體顏色為金色、字體背景顏色為靛藍色。
代碼:<P><FONT style=" BACKGROUND-COLOR: #333399" face=華文彩云 color=#ffcc00 size=7><STRONG>文字樣式面面觀</STRONG></FONT></P>
通過上面的實踐,再怎么樣的新手也應(yīng)該沒問題了吧。
二、文字特殊樣式的設(shè)置
1、發(fā)光文字
效果:
代碼:
<TABLE style="FILTER: glow(color=#6699FF,direction=3)"><FONT face=幼園 color=#ffffff size=40pt >發(fā)光文字</FONT></TABLE>
其中:(1)glow 中的color是發(fā)光陰影的顏色,direction是設(shè)置發(fā)光陰影的強度。
(2)font中的 color是你所要輸入的文字的顏色,size是字體的大小。
2、浮雕文字
效果:
代碼:
<TABLE style="FILTER: dropshadow(color=#6699FF, offx=3, offy=3, positive=1);"><FONT size=40pt face=黑體 color=#000080 >浮雕文字</FONT></TABLE>
其中:(1)dropshadow 中的color是浮雕陰影的顏色,positive是設(shè)置浮雕陰影的強度,offx和offy是設(shè)置浮雕的陰影和文字在X-Y方向的距離。
(2)font中的 color是你所要輸入的文字的顏色,size是字體的大小。
3、陰影文字
效果:
代碼:
<TABLE style="FILTER: shadow(color=#6699FF, offx=3, offy=3, positive=1);"><FONT color=#ffcc00 size=40pt >陰影文字</FONT></TABLE>
其中:(1)shadow 中的color是陰影的顏色,可以配合網(wǎng)頁色調(diào)改變,positive是設(shè)置陰影的強度,offx和offy是設(shè)置陰影和文字在X-Y方向的距離。
(2)font中的 color是你所要輸入的文字的顏色,size是字體的大小。
4、邊框字體
效果:
邊框字體
代碼:
<FONT style="BORDER-COLOR: #ff0000; BORDER-STYLE: outset;" color=#02b452 size=40pt >邊框字體</FONT>
其中:BORDER-COLOR:設(shè)置邊框顏色; BORDER-STYLE: 設(shè)置邊框的樣式,如:double為:雙線;groove為:3D凹槽狀;dotted為:點線 ;inset為:3D內(nèi)嵌邊框;outset為:3D外嵌邊框;ridge 為:3D凸脊狀;dashed為:虛線;solid為:實線。
5、倒帖文字
效果:
代碼:
<P align=center>
<TABLE style="FILTER: FlipH(color=green)"><FONT face=黑體 color=red size=50><B>倒帖文字</B></FONT></TABLE></P>
6、翻轉(zhuǎn)文字
效果: 代碼:
<P align=center>
<TABLE style="FILTER: FlipV(color= red)"><FONT face=黑體 color= green size=50><B>翻轉(zhuǎn)文字</B></FONT> </TABLE></P>
7、文字倒影
效果: 代碼:
<P align=center>
<TABLE><FONT face=華文新魏 color=blue size=30><B>文字倒影</B></FONT> </TABLE>
<TABLE style="FILTER: FlipV"><FONT face=華文新魏 color=#666699 size=30><B><EM>文字倒影</EM></B></FONT></TABLE></P>