蘋果咬一口

此教學僅針對痞客邦使用者

大家有看見蘋果咬一口的繼續閱讀吧XD

這篇就來分享語法

.more a{display:block;color:#ffffff;float:right;width:238px;height:54px;font-size:0px;background:url('你的圖片位址') no-repeat;text-indent: -5000px;margin:10px auto;} .more a:hover{background:url('你的圖片位址') no-repeat;}

/*繼續閱讀*/

.more{}

.more a{}

 

width:238px;height:54px

以上數值是蘋果咬一口繼續閱讀的圖片大小

請依照你圖片的大小調整數值唷（二張圖片大小建議相同，不用太大）

還有就是二張圖片的文字部分（繼續閱讀）位置要相同，不然呈現效果很奇怪XD

 

至於如何找出上傳圖片的圖片位址?

請見蘋果咬一口的這篇教學文章

 

(1)歡迎各位引用此文，但請注意網路禮儀哦
(2)此「語法」痞客邦CSS標籤適用
(3)如果喜歡，離開前給個回應囉，謝謝。
(4)開放右鍵，是給方便而不是讓有心人士隨便
(5)本部落格使用的素材是日本素材，感謝網路資源