HTML font style 文字樣式設計 - WebTech 網頁設計教學站

CSS font-style 屬性 · CSS text-transform 屬性 · CSS word-spacing 屬性 · 修改HTML Table 表格內的文字大小與顏色. WEBTECH網頁設計教學站 首頁 PHP CSS HTML JavaScript GIMP Linux OpenOffice 瀏覽器 其它 Home › HTML › HTMLfontstyle文字樣式設計 HTMLfontstyle文字樣式設計 HTMLfont文字的樣式（style）非常多樣化，例如粗體字（或）、字型（fontface）、顏色（fontcolor）...等，透過各種不同的文字屬性，可以很輕易的設計出各種風格優美的網頁文字，而且這些網頁文字的style都有相對應的CSS替代屬性，這裡透過表格整理一份常用到的HTMLfontstyle讓各位參考，如何搭配整體版型設計風格就請自行斟酌使用囉！常用HTMLfontstyle樣式fontstyle語法效果詳細用法粗體字1粗體字1粗體字1HTMLfont粗體字設計粗體字2粗體字2粗體字2HTMLfont粗體字設計斜體字斜體字斜體字HTMLfonttag文字標籤文字加底線文字加底線文字加底線HTMLfonttag文字標籤新細明體新細明體新細明體HTMLfontface網頁文字的字型微軟正黑體微軟正黑體微軟正黑體HTMLfontface網頁文字的字型標楷體標楷體標楷體HTMLfontface網頁文字的字型藍色的文字藍色的文字藍色的文字HTMLfontcolor文字顏色設計紅色的文字紅色的文字紅色的文字HTMLfontcolor文字顏色設計綠色的文字綠色的文字綠色的文字HTMLfontcolor文字顏色設計很小的文字很小的文字很小的文字HTMLfontsize網頁文字大小HTMLfontstyle應用範例一、修改文章內部份文字的fontstyle這是一段文字這段文字要變成紅色這是一段文字這段文字要變成藍色
這是一般文字這段文字是粗體字這是一般文字
這是一般文字這段文字有加底線這是一般文字
這是一般文字很小的文字這是一般文範例的視覺效果這是一段文字這段文字要變成紅色這是一段文字這段文字要變成藍色這是一般文字這段文字是粗體字這是一般文字這是一般文字這段文字有加底線這是一般文字這是一般文字很小的文字這是一般文範例所呈現的是透過fonttag或是直接使用fontstyle樣式標籤去修改一串文字中的一小部份，HTML大部份的功能標籤都有一個開頭標籤以及一個結尾標籤，只要在標籤之間的文字就會被修改，像範例中所呈現的這樣，以上就是常見的一些HTMLfontstyle實際效果，這些效果也幾乎都受到廣大主流瀏覽器的支援，少部份在新一代HTML5中有被建議使用CSS替代語法或直接由CSS相對應的替代語法所取代，詳情請參閱上表中的詳細用法。

更多網頁文字設計CSSfont-style屬性CSStext-transform屬性CSSword-spacing屬性修改HTMLTable表格內的文字大小與顏色 您可能會想看 HTMLspan標籤用法 如何修改HTMLDIV區塊內的文字字型 如何替HTMLDIV增加背景顏色 HTMLDIV標籤用法 設計具有超連結效果的HTMLolli自動排序項目清單 設計具有超連結效果的HTMLulli項目清單 HTMLolli列表(數字編號項目清單) HTMLulli列表(項目清單) HTMLtextarea表單多行文字輸入欄位背景圖片設計 HTMLtextarea表單多行文字輸入欄位背景顏色設計 即時熱門文章 如何替HTMLDIV區塊增加邊框效果 如何在HTMLDIV區塊內插入圖片 如何修改HTMLDIV區塊內的文字顏色 HTMLspan標籤用法 如何修改HTMLDIV區塊內的文字字型 如何替HTMLDIV增加背景顏色 HTMLDIV標籤用法 PHPstripslashes函數 PHPstrip_tags函數消除PHP或HTML標籤符號 PHPaddslashes函數替字符增加斜線 今日熱門文章 如何替HTMLDIV區塊增加邊框效果 如何在HTMLDIV區塊內插入圖片 如何修改HTMLDIV區塊內的文字顏色 HTMLspan標籤用法 如何修改HTMLDIV區塊內的文字字型 如何替HTMLDIV增加背景顏色 HTMLDIV標籤用法 PHPstripslashes函數 PHPstrip_tags函數消除PHP或HTML標籤符號 PHPaddslashes函數替字符增加斜線 ©Copyrightwebtech.twSince2010