摄影网站项目导航总结

---

一、导航栏

1.导航栏效果

2.导航分布

这一部分分成了3个部分。
1.logo部分
2.文本框和搜索按钮部分
3.网页链接部分。

3.导航部分代码展示

1.html部分

<div class="header w">
        <div class="logo">
            <img src="image/img/logo.png" alt="">
        </div>
        <div class="search">
            <input type="text" value="请输入搜索内容">
            <button>搜索</button>
        </div>
        <div class="nav">
            <ul>
                <li><a href="1.html">首页</a></li>
                <li><a href="2.html">风景篇</a>
                    <ul>
                        <li><a href="">藏区</a> </li>
                        <li