用css制作簡單的導航欄效果——懸停改變
此刻網頁的做的越來越當作熟，各類結果讓人目炫狼籍但一些根本的結果仍是不變的，所以小編分享一下本身若何做懸停結果的；（代碼都放在圖片上了，小編偷個懶只簡單申明一下）
東西/原料
- 電腦
- Sublime Text
方式/步調
- 1
架構很簡單就是 ul 里面有 li ；而每個 li 里面包含著 a 標簽存放文字，一個 span；
- 2
起首是 ul 的節制，
position，便利節制位置，和下體面元素的位置；
border-bottom，節制下面的紅色分界線；
padding-left，padding-right節制擺布的內邊距；
- 3
li的節制，
float，節制懸浮變為一排；
- 4
a標簽；
text-decoration，節制a標簽的默認下劃線消逝；
float，便利節制位置；
padding，節制a標簽的間距；
- 5
span的節制（就是 每個選項之間的距離線）
borde-left，節制左側的邊框；
height，節制高度；
margin-top，節制位置；
float，連結和其他元素的位置；
- 6
a：hover屬性，就是懸停在 a標簽上時觸發的（具體的可以百度），
color，節制觸發時的顏色；
background，添加圖片，打消平鋪，圖片居中，節制位置；
注重事項
- 僅作分享；
- 細節很主要；
- 發表于 2018-03-12 00:00
- 閱讀 ( 717 )
- 分類：其他類型
admin
0 篇文章
作家榜 ?
-
xiaonan123
189 文章
-
湯依妹兒
97 文章
-
luogf229
46 文章
-
jy02406749
45 文章
-
小凡
34 文章
-
Daisy萌
32 文章
-
我的QQ3117863681
24 文章
-
華志健
23 文章