1
 2
 3
 4
 5
 6
 7
 8
 9
10
/*改變主控台的噗主頭貼顯示的圖片,游標未移至時*/
#profile_pic { padding:43px; border:0; background: url(圖片網址); background-size:contain; width:86px; height:86px;}

/*改變主控台的噗主頭貼顯示的圖片,游標移至時*/
#profile_pic:hover { padding:43px; border:0; background: url(圖片網址); background-size:contain; width:86px; height:86px; transition: opacity 0.6s ease; }



可只使用第一個語法,或只使用第二個語法,也可以兩個都使用。
如果兩個語法都使用,就可以達成APP上看頭貼是上傳的那張圖,電腦版和手機網頁版看頭貼有兩種版本,加起來有三個版本的頭貼。