HTML,如何製作導航欄?
在用html做一個網頁時,首先需要處理的是導航欄了。怎樣製作一個導航欄?以前的做法基本都是用table來做,現在我們用無序列表ul來做,下面一起來看下。
操作方法
(01)首先我們寫html代碼,就是用 ul,li無序列表來放置我們的選單項,代碼如圖。
(02)執行目前的代碼,可以看到是一個比較醜陋的導航條。
(03)添加樣式,讓導航欄的每一欄橫向排列,而不是豎向排列。要橫向排列,只需要爲li添加樣式:display: inline-block;就行了,然後用padding樣式爲每一項添加一些間距,代碼如圖。
(04)繼續美化導航項,爲連結a添加樣式,主要是添加背景色background-color,和加一些間距padding,代碼如圖
(05)先執行頁面,看下現在的效果。
(06)接着爲當前選單的頁面添加樣式,
(07)再爲鼠標經過選單項時添加hover樣式。代碼如圖,在鼠標經過選單項時,爲選單項添加了投影效果,並改變了字型顏色。
(08)我們的導航選單基本完成了,看下效果,還是不錯的。(如果配色更合理點,就更完美了,這個配色需要有美工功底了:)
-
怎麼計算兩個日期之間的天數、月數、年數
在Excel中,如果有二列數據都是日期,如何計算這二列日期之間的天數,月數和年數?下面來看下。操作方法(01)開啟Excel,開啟一個有測試數據的文檔。(02)選中D2單元格,然後在公式欄上輸入公式:=B2-A2(03)按回車鍵確認,可以看到D2單元格已經得到正確的結果,B2和A2日期間的天數,我們可...
-
PHP如何獲取日期的年份?
在PHP開發中,我們很多時候會用到日期,當我們只用到日期的年份時,怎麼獲取一個日期的年份?下面一起來看下。操作方法(01)用到日期函數,我們當然少不了用date方法了。看下我們的代碼,如圖,很簡單,就是用date方法獲取到當前日期,然後用‘y'標誌格式化日期輸出,只輸出年份...
-
0基礎如何學習C語言
C語言即有進階語言的特點,也有彙編語言的特點,一直保持在編程語言榜首,不曾被超越,如此優秀的編程語言學的人很多,學精的很少。零基礎該如何學習呢?今天就來教教大家。操作方法(01)要學習編程語言,最基本的就要有一臺電腦。一般配置的就行。(02)然後要有一本基礎的書,像《C...
-
qq手機密保怎麼解綁
在更換新手機號後qq上面綁定的之前的手機號就不能用了,那qq手機密保怎麼解綁呢?請看下面解析。操作方法(01)登入qq,點擊左下角“主選單”》點擊“安全”》點擊“安全中心首頁”。(02)進入安全中心頁面後,點擊右側密保手機“更換”。(03)輸入新的手機號碼進行原手機密保解...