close
#postmsg a

和#postmsg a:hover製造出的變化!
簡單來說，就是滑鼠移過去有第二張圖呈現!
blue73623兔子她這問題丟給蘋果好多天嚕
剛才語法被我搞出來了，我說CSS真是太好玩了!


［效果預覽］



複製語法


#postmsg{text-indent:-3000px;}
#postmsg a{font-size:0px;width: ***px ;height: **px ;color: #色碼;
background: url(http://你的第一張圖.jpg) no-repeat;}
#postmsg a:hover{background: url(http://你的第二張圖.jpg) no-repeat;}


［注意事項］

※蘋果不建議#postmsg a:hover內的background圖檔過大
換句話說，二者的圖檔最好大小一致(不要兩極端大小)


※第一張圖語法內width: ***px ;height: **px是圖檔寬與高
我想大家都知道如何找圖檔的"內容"了唄?


※想知道用什麼『小撇步』做出圖檔可以使效果達到99.9%完美者
請延伸閱讀此篇文章(注意下半部的擷圖教學)








《聲明》
(1)歡迎各位引用此文，但請注意網路禮儀哦
(2)此語法由蘋果自己測試成功所分享，未經同意禁翻製
(3)語法碰到問題，請將個人CSS重點部分po於回应處、留言板亦可





arrow
arrow
    全站熱搜
    創作者介紹
    創作者 蘋果 ◕㉨◕ 的頭像
    蘋果 ◕㉨◕

    蘋果咬一口

    蘋果 ◕㉨◕ 發表在 痞客邦 留言(23) 人氣()