2015年12月12日 星期六

HTML小技巧|字的變化

一、改變字的顏色方法(一)
<font color="rrggbb“></font>
以RGB色票直接改變文字的顏色,而RGB色票介於000000與ffffff之間,它是以十六進位法表示的,所以可能有點讓初學者難以接受,不過每改變一個RGB就會得到不同的顏色唷!若您不知顏色的RGB碼可到調色盤查看,聖誕快樂也整理了一些常用的顏色供您參考。
說了一堆還是來點範例吧!
<font color="ff0000″>聖誕快樂</font>
聖誕快樂
<font color="008800″>聖誕快樂</font>
聖誕快樂

二、改變字的顏色方法(二)
<font color="顏色的單字“></font>
以顏色的單字來取代原本的RGB碼,對於英文還不錯的人可能較有幫助吧!像對聖誕快樂而言根本是個麻煩,不過我也是會選擇性的使用,例如想使用紅色聖誕快樂就會直接用這個啦!來看看就知何謂選擇性使用了。
說了一堆還是來點範例吧!
<font color="red">聖誕快樂</font>
聖誕快樂
註:懂沒!用這只要打red就好了,用rgb就要打ff0000唷!好啦!偶知道偶懶啦!別再念了。
<font color="brown">聖誕快樂</font>
聖誕快樂

三、改變字型
<font face="字型全名“></font>
可以改變字型唷!看看您的控制台裡有個字型,就是裡面的字型名,不過對方也要有那字型對方才看得到。
font face="標楷體">聖誕快樂</font>
聖誕快樂
<font color="新細明體">聖誕快樂</font>
聖誕快樂
註:一般沒設定的話皆以新細明體或細明體為內定值,或許您現在看不到上下有何差異,那可能您沒有這些字型或者您在您的瀏覽器中設定忽略字型。
當然中文能英文也能,英文則以新細明體或Arial為內定值。
<font face="Arial">Welcome to Daniel WorkSoho</font>
Welcome to Daniel WorkSoho
來點好玩的吧!
<font face="wingdings">ABCDEFGHIJK</font>
ABCDEFGH
四、其它字體變化標籤
<b></b>於標籤內的文字變為粗體。西瓜
<u></u>於標籤內的文字加上底線。西瓜
<i></i>於標籤內的文字變為斜體。西瓜
<tt></tt>於標籤內的文字改為電報體。西瓜
<s></s>於標籤內的文字加上刪除線。西瓜
<sub></sub>於標籤內的文字變為下標。本範例為樣本中的2H2O
<sup></sup>於標籤內的文字變為上標。本範例為樣本中的3X3+Y
<blink></blink>於標籤內的文字會閃爍。此標籤只有使用NC才能看到。西瓜

相關系列文章:

0 意見:

張貼留言

留個一針見血的評論吧!