本文为大家介绍如何使用 CSS 创建一个带搜索的导航栏。
以下实例均是响应式的。
可以先看下效果图:
创建一个搜索栏
HTML 代码
<div class="topnav">
<a class="active" href="#home">主页</a>
<a href="#about">关于</a>
<a href="#contact">联系我们</a>
<input type="text" placeholder="搜索..">
</div>
相关阅读
HTML 代码
<div class="topnav">
<a class="active" href="#home">主页</a>
<a href="#about">关于</a>
<a href="#contact">联系我们</a>
<input type="text" placeholder="搜索..">
</div>
相关阅读