#postmsg a和#postmsg a:hover製造出的變化!
簡單來說，就是滑鼠移過去有第二張圖呈現!
blue73623兔子她這問題丟給蘋果好多天嚕
剛才語法被我搞出來了，我說CSS真是太好玩了!
［效果預覽］
複製語法
［注意事項］
※蘋果不建議#postmsg a:hover內的background圖檔過大
換句話說，二者的圖檔最好大小一致(不要兩極端大小)
※第一張圖語法內width: ***px ;height: **px是圖檔寬與高
我想大家都知道如何找圖檔的"內容"了唄?
※想知道用什麼『小撇步』做出圖檔可以使效果達到99.9%完美者
請延伸閱讀此篇文章(注意下半部的擷圖教學)
《聲明》
(1)歡迎各位引用此文，但請注意網路禮儀哦
(2)此語法由蘋果自己測試成功所分享，未經同意禁翻製
(3)語法碰到問題，請將個人CSS重點部分po於回应處、留言板亦可
簡單來說，就是滑鼠移過去有第二張圖呈現!
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{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於回应處、留言板亦可
文章標籤
全站熱搜
．痞客邦使用者． (2)
謝分享！︿︿
謝謝~~
好酷呀 ～～ XD
謝謝分享 ~~
哈哈!!好好用!!!
A走嚕=D
謝謝分享
【回覆】以上5位
不客氣喔!!
謝謝分享喽
謝謝分享喽
謝謝分享^^
謝謝
謝謝溜~
我拿了謝謝~
謝謝分享
我拿了
好棒呵!我也來試試看
我成功了!謝謝你!感謝感謝@ˇ@好棒伊!
謝謝分享!
謝謝唷!!
*****
謝謝分享喔︿︿
謝謝分享
：）
謝謝
我的留言板： http://www.wretch.cc/guestbook/lonely57 天葬使用大大的語法後。兩張圖的我要留言 圖片左邊有一點被擋道ˊˋ要怎麼把圖片網右移一點？拜託了
Hi 天葬: 原來是打錯變天唱XD 我看你目前留言版的二種圖片很正常啊? 哪邊有詭異?@@
謝囉 你好厲害喔 蘋果
Hi 馨: 不客氣:)