文字樣式


阿瑟 發表



序上一章節所提到的文字大小不會因為使用者的設定而改變,如果用到文字上面的話,會讓你的網頁更整齊喔!

序上一章節所提到的文字大小不會因為使用者的設定而改變,如果用到文字上面的話,會讓你的網頁更整齊喔!我們來看一段簡單的程式碼:

STEP1:【文字樣式】
<body>
<font style="font-size:9pt; font-family:arial; text-decoration:underline; font-weight:bold; color:green>
這是設定過後的文字
<font>
</body>

不要看花了眼喔!其實很簡單的:

font-size是代表文字大小,可以使用Pixels(px)或是Point(pt)
font-family是代表字體,阿得在這裡使用Arial使因為讓這裡面英文的字體更整齊而且又不會影響中文字體
text-decoration是代表文字樣式,這裡的underline代表有底線 (可以使用none, underline, overline等等)
font-weight是代表文字粗體程度,在這裡的bold代表粗體 (可以使用bold, bolder或是normal)
color是代表文字顏色
你只要把這一段紫色的地方改一改就可以應用到你的網頁上囉!如果這裡有哪一項設定是你不需要更改的,可以將其刪除。

輸出結果如下:

這是設定過後的文字


STEP2:【增加或減少樣式設定項目】
<body>
<font style="font-size:9pt; color:ffcc33>
這是只有設定大小和顏色的文字
<font>
</body>

阿得我在這裡就不再講解了喔...刪除了其他的設定項目只留下這些的輸出結果如下:

這是只有設定大小和顏色的文字

最後更新日期: 7/3/2001 3:08:45 PM