本文引用自hopopo923 - 文章中文字加底圖做法http://hopopo923.pixnet.net/blog/trackback/ad7c7374b8/27953449

 

分享: 7Headlines facebook PLURK twitter  
 

觀看效果


測試文字加底圖

測試文字加底圖


下載檔案引用自


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


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


步驟一:


先下載那三個檔案











步驟二:


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







步驟三:


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





步驟四:


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





步驟五:


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


選左側自訂式樣


選css原始碼編輯


步驟六:


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



步驟七:


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


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






下方為經測試呈現結果







 

    文章標籤

    教學

    全站熱搜

    鳳鳳幸福滿滿部落 發表在 痞客邦 留言(0) 人氣()


    留言列表

    發表留言