2021-05-12 11:00:58
HTML網頁怎樣實現滑鼠經過文字變色
2020-10-12 18:06:14
剛學HTML網頁設計的各位小夥伴們一定想要實現一些互動效果,比如
滑鼠經過文字變色等,今天我就來教教大家。
工具/材料
電腦
hbuilder
操作方法
-
01
如圖所示,在一個HTML檔案裡面寫上一個標籤,並且標籤裡面寫上要變色的字。這裡我就用了div標籤,其他標籤也可以。
-
02
先不做任何的設定,預覽看看標籤中的字型情況,是黑色的。接著開始讓它變色。
-
03
如圖,編寫一個style標籤,通過css來設定滑鼠經過時文字變色。
-
04
然後寫上div:hover加花括號,如果你是其他標籤就用其他標籤名替換div即可。
-
05
然後使用color,color後面表示的是滑鼠經過時變化的顏色,也就是顏色值。
-
06
這樣,設定好之後,滑鼠經過我們標籤對裡面的文字就會變顏色。
- End
特別提示
喜歡可以 把它分享出去哦!
有什麼問題可以評論留言給我,我看到會回覆的。
相關文章
-
7+2強化供電!599元梅捷SY-狂龍H510M圖賞
除了廣為人知的Z590和B560之外,英特爾還發布了入門級的H510晶片組,也是上一代H410晶片組的升級版。 在相容性方面,H510晶片組與Z590晶片組和B560晶片組沒有什麼區別,都可以相容1
2021-05-10 19:00:28
-
支援5333高頻記憶體!技嘉小雕PRO B560M主機板圖賞
Intel第十一代酷睿已經上市,新架構帶來了巨大的IPC提升幅度,同時,Intel還開放了B560/H570主機板的記憶體超頻功能,這使得主流玩家也可以輕鬆享受高頻記憶體帶來的流暢遊戲體驗。
2021-05-09 16:00:04
-
24K純金!微星MEG Z590 ACE GOLD EDITION戰神至臻圖賞
顯示卡、散熱器、風扇都能玩RGB,機箱中,主機板幾乎是最不起眼的存在。 而近日,微星推出了一款亮眼的主機板,首次用上了24K純金設計,它就是MEG Z590 ACE戰神至臻,一起來瞧瞧。 MEG
2021-05-07 22:00:14