CSS實現鼠標經過導航的超鏈接時顯示下劃線效果
CSS本家兒要用于結構網頁，可以實現良多標致的結果，下面以導航為例，介紹操縱CSS實現鼠標顛末超鏈接時顯示下劃線結果。
方式/步調
- 1
新建一個HTML文件，文件名為test.html，title題目為"CSS實現鼠標顛末導航的超鏈接時顯示下劃線結果"。
- 2
在頁面編寫nav標簽，在里面放三個超鏈接(首頁、欄目一、欄目二)，代碼如下：
- 3
運行代碼，結果如下：
- 4
利用css對導航的字體的字體巨細、顏色、擺列體例等進行美化，代碼如下：
- 5
運行代碼，結果如下：
可見，顛末CSS樣式美化，鼠標顛末的時辰，顯示藍色。
- 6
操縱CSS編寫代碼，實現鼠標顛末時顯示下劃線結果，代碼如下：
- 7
在瀏覽器運行代碼，實現了想要的結果
- 發表于 2019-06-04 17:02
- 閱讀 ( 1577 )
- 分類：其他類型
admin
0 篇文章
作家榜 ?
-
xiaonan123
189 文章
-
湯依妹兒
97 文章
-
luogf229
46 文章
-
jy02406749
45 文章
-
小凡
34 文章
-
Daisy萌
32 文章
-
我的QQ3117863681
24 文章
-
華志健
23 文章