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)我們的導航菜單基本完成了,看下效果,還是不錯的。(如果配色更合理點,就更完美了,這個配色需要有美工功底了:)
-
如何使用Flash繪製皮卡丘動畫
Flash中文翻譯爲“動畫”的意思,是專門用來製作動畫的軟件工具。現在,我們以實際的例子出發看看如何使用Flash軟件繪製皮卡丘圖案吧。操作方法(01)新建文檔雙擊【Flash圖標】,打開軟件。在軟件界面點擊【文件】---【新建】,會彈出的新建文檔窗口點擊【ActionScript3....
-
頭像製作之可愛的猴子
萌萌噠的猴子頭像是我們都喜歡的,也有很多人喜歡拿到它來做我們一些運用的頭像,小編對於萌萌噠的猴子頭像也是很喜愛的,那麼,我們該如何製作可愛的猴子頭像呢?小編爲你詳細介紹下:頭像製作之可愛的猴子。工具/材料ai軟件電腦猴子操作方法01首先,我們打開我們的電腦,接...
-
如何設置路由器IP地址
大部分家用路由器的默認IP地址是,如果我們想給路由器換個IP,怎麼設置呢?操作方法(01)首先打開網絡連接,雙擊本地連接,查看計算機IP地址(02)如果是192.168.1.x,則跳過後續步驟,如果不是的,則手動修改爲(03)然後在網頁上打開,輸入路由器登錄賬號和密碼【可以在路由器上面查看初...
-
÷除號怎麼打出來
在工作中常常會使用到除號做文件,那麼除號應該怎麼打出來呢?請看下面解析。操作方法(01)方法一:打開word文檔,點擊“插入”》“符號”。(02)點擊“÷”號即可。(03)方法二:在輸入法裏打“÷”即可。...