1. 程式人生 > >html 鼠標懸浮切換圖片

html 鼠標懸浮切換圖片

back :hover 圖片 col color 自己 其他 背景圖 設置

首先給標簽 設置一個背景圖片

<p><p/>

p{ background: url("../../images/friend_icon_1.png"); } 這裏寫你自己路徑的圖片 接著 hover懸浮事件

p:hover

{ background: url("../../images/friend_icon_color_1.png"); 這裏是懸浮要顯示的圖片, } 其他就不啰嗦了 大概就這樣

html 鼠標懸浮切換圖片