2011 本站教學範例已全面更新~ 新教學請看 http://www.flycan.com/article/   【到新的教學討論區】
【飛肯設計學苑】- 回首頁 -
回首頁最新開課訊息企業包班教育訓練範例教學區問題討論區交流分享區程式下載區
Photoshop影像達人專修班 Photoshop 遮色片 & 色版創作進階班 CSS 版面設計專修班 ActionScript 3.0 程式設計入門班 ActionScript & XML 進階整合應用班 Dreamweaver & CSS網頁版型設計班

 

本站已全面更新~ 2011年 新教學範例請看 → http://www.flycan.com/article/

 

【CSS 語法教學】範例區
【CSS語法教學】文字大小、間距、行距、背景

發表新主題   回覆主題
【飛肯】教學網站 首頁 » 【CSS 語法教學】範例區
上一篇主題 :: 下一篇主題  
發表人 內容
【姜】
【老師】
【老師】


註冊時間: 2005-12-01
文章: 1873

發表【CSS語法教學】文字大小、間距、行距、背景 引言回覆

發表於: 2007-01-16 01:42 
【CSS語法】 文字大小、間距、行距、背景

範例預覽: http://www.flycan.com/flycancss/text.htm

樣式部份設定如下:

★:

<style type="text/css">

<!--

p {

   font-size: 12px;          // 設定文字大小

   line-height: 24px;         // 設定文字行距

   letter-spacing: 3px;        // 設定文字間距

   background-image: url(dot.gif);  // 設定文字背景圖

}

-->

</style>




由於文字的行距設定為 line-height: 24px; 因此我們用 Photoshop 製作一張寬 8 像素、高 24 像素的背景圖,儲存為 dot.gif 如下:
fly_00.jpg

 


樣式使用前~
fly_01.jpg

 


樣式使用後~
fly_02.jpg

 

回頂端
檢視會員個人資料 發送私人訊息 發送電子郵件 MSN Messenger
jwxie
【新生】
【新生】


註冊時間: 2006-12-29
文章: 2

發表 引言回覆

發表於: 2007-01-16 06:05 
感謝老師的指導

非常的用心

雖然css這方面我已經沒什麼大問題

不過對新手來說是值得一看喔

回頂端
檢視會員個人資料 發送私人訊息
從之前的文章開始顯示:   
發表新主題   回覆主題     1頁(共1頁)
【飛肯】教學網站 首頁 » 【CSS 語法教學】範例區

 
所有的時間均為 台北時間 (GMT + 8 小時)
前往:  

回首頁】【最新開課訊息】【企業委訓】【範例教學分享區】【問題討論區