1新建html頁面 打開html編輯軟件，新建一個html頁面如圖2添加導(dǎo)航標簽 在ltbody標簽里新建一個ltulltul標簽，然后在ltul標簽里添加幾個ltliltli標簽如圖3在ltli標簽內(nèi)添加文字在新建的ltli添加。

HTMLlt！DOCTYPE htmllthtmllthead ltmeta charset=#39utf8#39 ltstyle type=quottextcssquot html， body margin 0 padding 0 background #E6E6E6 nav liststyle。

如圖，制作導(dǎo)航條菜單一般是用一個div嵌套ul和li標簽，然后li里面有a標簽布局做好之后，開始寫導(dǎo)航條的樣式，如圖，先清除導(dǎo)航條的margin和padding然后定位導(dǎo)航條的div，這里我就用絕對定位來居中，如果你有其他導(dǎo)航條居中。

上網(wǎng)一搜都會有，下面是我的寫法鼠標在three上的時候three的背景變色親 ltbody ltstyle demo ul liststyle *這里是把ul列表開頭自帶的quot#8226quot給去掉* demo position fixed*位置固定*。

導(dǎo)航欄標簽可以直接在H5使用2然后打開indexhtml文件，輸入以下代碼3首先第一個方法就是使用displayinlineblock將ul標簽設(shè)置成行內(nèi)塊級元素然后將li標簽設(shè)置為左浮動即可4第二種方法就是就是將p設(shè)置為displayta。

在HTML編輯器上即可首先將兩個要展示的圖片利用定位重疊在一起然后利用CSS3的perspective結(jié)合transformratateY屬性實現(xiàn)翻轉(zhuǎn)效果即可HTM是HyperTextMarkupLanguage的縮寫，即超文本標記語言標準通用標記語言下的一個。

18首先我們的html里，添加好導(dǎo)航內(nèi)容28后面的就是網(wǎng)頁的具體內(nèi)容了，這里的代碼簡單一些38樣式里，我們先定義一些菜單里的樣式48這時運行頁面時，在滾動條滾動下去后，導(dǎo)航是會消失不見的58為了讓導(dǎo)航欄。