我們用html來簡單實現一下類似這樣的菜單。（需要有css基礎，類選擇器等知識的運用）
如果我們要有這樣的一個菜單，就要有一片獨立區域來存放這些標簽。那么我們用div標簽申請獨立區域，可以看到這個菜單很多內容都是相同的位置存放，我們可以選擇ul+li標簽，又因為這些標簽都可以觸發超鏈接，所以里面還要有a標簽。
打完這些代碼就可以看到：
，我們的網頁成了這個樣子，很明顯我們需要橫着來存放，這個時候使用
， 使ul變成彈性盒子模型，。可以看到
我們的標簽橫過來了。這個小·很不好看，我們使用
，可以看到已經去除了·，
，這個可以不使用類選擇器是因為這些ul我們都不想讓它有這個點，所以我們可以統一去除。
我們不想讓這東西占滿橫向整個網站，我們可以
（加背景顏色是為了看效果），再看一下效果
居中加上
,這里margin 0 auto(水平居中原理：如果margin只設置了兩個值，那么第一個是top和bottom，第二個是left和right，如果上下距離為0，然后左右值是相同並且自動的話，那肯定就是居中嘍)
可以看到已經居中，接下來要將他們分開相同的距離，使用
，可以看到
下面可以對a標簽下手了，我們將
，看看效果
太丑了，咱們讓它有邊距：
，看看效果
為什么只有下面有邊距而上面沒有呢？這是因為a標簽是內聯級元素，撐不起整個元素，怎么解決呢？
，咱們讓a標簽變成塊級元素，看看效果：
這樣就好了。給這個div標簽設置顏色，把自己弄得測試的顏色去掉：
把a標簽變成白色，這個地方要注意，必須去找a標簽改動
，才會有這樣的效果，不能去找li。因為本身a標簽就有顏色，咱們並沒有設置但是能看到它，就像孩子本身有思想，找它爹當然不管事了。
可以看到下面這些橫線很煩！！！我們使用
，這個a標簽可以拿出來，如果你想要所有的a標簽都沒有這個下划線。
那么還可以加一些特殊的效果
，hover是懸停，當鼠標放到a標簽上的時候，背景顏色變為白色
，哎呀，把字弄沒了，沒關系，咱們設置字體的顏色：
，看看效果：
，那么這樣咱們的菜單模型就簡單的做好了！！！
歡迎留言一起交流gogogogogo!!!