div css餐飲加盟分類導(dǎo)航菜單代碼

使用方法：

1、head引入css文件

<link rel="stylesheet" href="static/css/reset.css" /><!--默認設(shè)置-->

<link rel="stylesheet" href="static/css/gbstyle.css" /><!--主要樣式-->

2、body引入HTML代碼

<!-- header begin -->
<div class="gbhead1">
  <div class="gbhedcontain">
    <p><img src="static/picture/xgbicon.png">當日創(chuàng)業(yè)留言 1234678 條</p>
    <ul class="gbhdconul1">
      <li class="gbfl gbhdzs"><a href="#" title="" target="_blank">招商網(wǎng)頁</a></li>
      <li class="gbfl">?。?lt;/li>
      <li class="gbfl"><a href="#" onClick="AddFavorite('餐飲加盟網(wǎng)','http://www.achievewithdee.com')">收藏網(wǎng)站</a></li>
      <li class="gbfl">?。?lt;/li>
      <li class="gbfl"><a href="#" title="" target="_blank">手機查商網(wǎng)</a></li>
      <li class="gbfl">?。?lt;/li>
      <li class="gbfl wxewmli"><a href="#" title="" target="_blank">微信</a>
        <div class="wxewm"><img src="static/picture/xdd.jpg" alt=""></div>
      </li>
      <li class="gbfl">　｜　</li>
      <li class="gbfl"><a href="#" title="" target="_self">聯(lián)系我們</a></li>
    </ul>
  </div>
</div>
<div class="gbhead2">
  <div class="gbhdcon">
    <div class="gblogo gbfl"><a href="#" title="K18餐飲加盟網(wǎng)"><img src="http://www.achievewithdee.com/static/i/logo.png" alt=""></a></div>
    <div class="gbsecdivaa">
      <div class="gbsearch">
        <form id="form1" name="form1" method="get" action="" target="_blank" onSubmit="addSearchSid(this)">
          <input type="text" placeholder="搜索什么項目？" class="inp_text" name="keyword" id="input_text">
          <input type="hidden" name="sid" value="">
          <input type="submit" value="搜索" class="inp_sub log100_listen" data-log100-event="$searchsubmit" id="sub">
        </form>
      </div>
      <p class="gbssp"> 熱門搜索：
       
        <a title="菜立方芽苗菜" href="#" data_1="#" target="_blank">芽 苗 菜</a>
        <a title="五谷聯(lián)盟煎餅果子" href="#" data_1="#" target="_blank">五谷煎餅</a>
        <a title="瘋迷便當" href="#" data_1="#" target="_blank">精品便當</a>
        <a title="攤小二煎餅果子" href="#" data_1="#" target="_blank">煎餅煎餅</a>
        <a title="辛麻到瓦香雞" href="#" data_1="#" target="_blank">瓦 香 雞</a>      
      
      </p>
    </div>
    <div class="gbhykh gbfr">
      <div class="out outl5">
        <ul class="img imgl5">
          <li style="display: list-item;"><a href="#" title="" target="_blank"><img src="static/picture/201902131628142713058.jpg" alt=""></a></li>
          <li style="display: none;"><a href="#" title="" target="_blank"><img src="static/picture/201902131628542718111.jpg" alt=""></a></li>
          <li style="display: none;"><a href="#" title="" target="_blank"><img src="static/picture/201902281659422718293.jpg" alt=""></a></li>
        </ul>
        <ul class="num numl5">
        </ul>
        <div class="left btn"></div>
        <div class="right btn"></div>
      </div>
    </div>
  </div>
  <div class="gbnav">
    <div class="gbsjfl"><span><i></i>商機項目分類</span>
      <ul>
        <!-- 選中給a添加check類名-->
        <li>
          <p class="sxf1">行業(yè)直達</p>
          
            <a href="#" title="" target="_blank">小吃</a>
            <a href="#" title="" target="_blank">快餐</a>
            <a href="#" title="" target="_blank">面館</a>
            <a href="#" title="" target="_blank">飲品</a>
            <a href="#" title="" target="_blank">火鍋</a>
            <a href="#" title="" target="_blank">麻辣燙<i></i></a>
            <a href="#" title="" target="_blank">美食街</a>          
          
          </li>
        <li>
          <p class="sxf2">投資金額</p>
           
            <a href="#" title="" target="_blank" class="check">1-3萬</a>
            <a href="#" title="" target="_blank">3-5萬</a>
            <a href="#" title="" target="_blank">5-10萬</a>
            <a href="#" title="" target="_blank">10-20萬</a>
            <a href="#" title="" target="_blank">20萬以上</a>
          
          </li>
        <li>
          <p class="sxf4">創(chuàng)業(yè)店型</p>
          
            <a href="#" title="" target="_blank">小吃車</a>
            <a href="#" title="" target="_blank">臨街店<i></i></a>
            <a href="#" title="" target="_blank">檔口門店</a>
            <a href="#" title="" target="_blank">商場店</a>
            <a href="#" title="" target="_blank">復(fù)合店</a>
            <a href="#" title="" target="_blank">旗艦店</a>          
          
          
          </li>
      </ul>
    </div>
    <ul class="nav_ul">
      <!-- 選中給li添加check類名-->
      <li><a href="#" title="中西美食" target="_blank">中西美食</a></li>
      <li><a href="#" title="速食快餐" target="_blank">速食快餐</a></li>
      <li><a href="#" title="酒水飲料" target="_blank">酒水飲料</a></li>
      <li><a href="#" title="地方小吃" target="_blank">地方小吃<i></i></a></li>
      <li><a href="#" title="甜點茶飲" target="_blank">甜點茶飲</a></li>
      <li><a href="#" title="自助餐廳" target="_blank">自助餐廳</a></li>
      <li><a href="#" title="經(jīng)典美味" target="_blank">經(jīng)典美味</a></li>
      <li><a href="#" title="特色美食" target="_blank">特色美食</a></li>
      <li><a href="#" title="先行賠付" target="_blank">先行賠付<i></i></a></li>
    </ul>
  </div>
</div>
<!-- header end -->

<div class="gbcont1">
  <ul class="gbco11">
    <li> <a href="#"  title="８元漢堡 全天爆單" target="_blank" class="gbco1ig"><img src="static/picture/201901281531223754335.jpg" alt=""></a>
      <div class="gbco1dv gbco1dv1">
        <label class="gbco1lb">漢堡</label>
        <a href="#"  title="" target="_blank">麥塔基漢堡</a>
        <p>額度：3-5萬</p>
        <p>８元漢堡 全天爆單</p>
        <a href="#"  title="８元漢堡 全天爆單" target="_blank" class="gbco1ck">立即查看</a> </div>
    </li>
    <li> <a href="#"  title="海鮮零食 萬元開店" target="_blank" class="gbco1ig"><img src="static/picture/201901311435002714771.jpg" alt=""></a>
      <div class="gbco1dv gbco1dv2">
        <label class="gbco1lb">小吃</label>
        <a href="#"  title="" target="_blank">漫鯨撈汁小海鮮</a>
        <p>額度：3-5萬</p>
        <p>海鮮零食 萬元開店</p>
        <a href="#"  title="海鮮零食 萬元開店" target="_blank" class="gbco1ck">立即查看</a> </div>
    </li>
    <li> <a href="#"  title="粗糧煎餅 酥脆好吃" target="_blank" class="gbco1ig"><img src="static/picture/201901111451162717397.png" alt=""></a>
      <div class="gbco1dv gbco1dv3">
        <label class="gbco1lb">煎餅</label>
        <a href="#"  title="" target="_blank">石小沫煎餅果兒</a>
        <p>額度：5-10萬</p>
        <p>粗糧煎餅 酥脆好吃</p>
        <a href="#"  title="粗糧煎餅 酥脆好吃" target="_blank" class="gbco1ck">立即查看</a> </div>
    </li>
    <li> <a href="#"  title="麻辣海鮮 人手一杯" target="_blank" class="gbco1ig"><img src="static/picture/201902101827112717806.jpg" alt=""></a>
      <div class="gbco1dv gbco1dv4">
        <label class="gbco1lb">小吃</label>
        <a href="#"  title="" target="_blank">趕海鮮生即食小海鮮</a>
        <p>額度：3-5萬</p>
        <p>麻辣海鮮 人手一杯</p>
        <a href="#"  title="麻辣海鮮 人手一杯" target="_blank" class="gbco1ck">立即查看</a> </div>
    </li>
  </ul>
 
</div>