HTML和css怎樣製作橫排導航條,菜單
很多小夥伴學習了一段時間的HTML和css,就想自己動手試試製作導航條菜單,不過卻沒有思路,今天小編我就來分享一下HTML和css製作導航條的實例,大家可以參考參考。
操作方法
(01)如圖,製作導航條菜單一般是用一個div嵌套ul和li標籤,然後li裏面有a標籤。
(02)佈局做好之後,開始寫導航條的樣式,如圖,先清除導航條的margin和padding。
(03)然後定位導航條的div,這裏我就用絕對定位來居中,如果你有其他導航條居中方法可以忽略這一條。
(04)然後設置導航條的li左浮動,並且去掉li前面的圓點,讓導航條更好看。
(05)然後設置導航條的a標籤轉塊級,以及導航條菜單的寬高,文字顏色,水平垂直居中和背景色以及去掉a標籤的下劃線。
(06)接着設置鼠標經過導航條菜單變色即可。
(07)最後,一個完美的導航條菜單就完成了,簡直是太簡單了。
-
電腦屏幕旋轉快捷鍵 。電腦屏幕旋轉了怎麼辦
很多用户有時會不小心觸發一些系統中的快捷鍵導致電腦屏幕方向被更改又不知道怎麼恢復,這就來教一下怎麼旋轉屏幕。方法一(01)電腦屏幕旋轉快捷鍵旋轉至正常位置:CTRL+ALT+方向鍵上。旋轉90度:CTRL+ALT+方向鍵左。旋轉180度:CTRL+ALT+方向鍵下。旋轉270度:CTRL+ALT+方...
-
怎麼看遊戲目錄在哪?
小夥伴們很好奇自己下載的遊戲目錄到底在哪,彆着急,今天我就來告訴你怎麼看遊戲目錄在哪?一起來看看吧。操作方法(01)在電腦桌面鼠標右鍵單擊遊戲圖標,在彈出的菜單欄中選擇最下方的【屬性】;(02)在屬性頁面,快捷方式項下,目標欄地址即為遊戲的安裝路徑,或者點擊“查找目示...
-
如何將圖片轉換成word文字
在工作生活中,我們經常為圖片文字識別的問題而煩惱,要知道圖片中的文字是不可編輯的,我們如果想將圖片中的文字提取出來,就只能使用識別工具對圖片進行識別,將其轉換成Word文字。可是,我們要選擇哪一款識別工具呢?大家如何將圖片轉換成Word文字呢?下面我們就一起來看看...
-
打印機驅動沒問題但就是無法打印問題的解決
有時我們使用打印機打印文件時,發現好像一切都沒有問題,但就是按下打印鍵後打印機卻一直沒有反應。本篇就來介紹其中一種情況的解決方法。操作方法(01)在電腦的開始菜單中找到“控制面板”點開。(02)在控制面板中有一項是“查看設備和打印機”,單擊打開。如圖。(03)在設...