close

本文引用自hopopo923 - 文章中文字加底圖做法

觀看效果

 

測試文字加底圖

測試文字加底圖

 

下載檔案引用自


http://bluegirl73623.pixnet.net/blog/post/11433148

 

請前往該部落格下載,下方為下載後使用方法

 

步驟一:

 

先下載那三個檔案

 










步驟二:

 

我是直接上傳到痞客幫相簿~~取得網址

 






步驟三:

 

將取得的圖片網址複製貼到Sample2.css中語法內圖片網址處如下圖反白地方

 




步驟四:

 

將改好的圖片網址的語法複製下來





步驟五:

 

登入痞客幫~~進入部落格管理後台

 

選左側自訂式樣

 

選css原始碼編輯


步驟六:

 

將語法貼到css式樣表最底處~~按儲存



步驟七:

 

要發表文章時~按發表文章~使用純文字模式才可以貼語法

 

如下我使用ㄌ .green2 及 .o 標籤中式樣所以語法中要設定如下圖

 




 

下方為經測試呈現結果


 




arrow
arrow
    文章標籤
    文章中文字加底圖做法
    全站熱搜

    ღ♥紫玫瑰淯嵐♥ღ 發表在 痞客邦 留言(0) 人氣()