首頁 > 硬體

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

特別提示

喜歡可以 把它分享出去哦!

有什麼問題可以評論留言給我,我看到會回覆的。


IT145.com E-mail:sddin#qq.com