HTML实例之搜索栏（附源码）

1. 简书类

实现效果

打造全网web前端全栈资料库（总目录）看完学的更快，掌握的更加牢固，你值得拥有（持续更新）

 

html代码

   <div class="container">

    <form action="" class="parent">

        <input type="text" class="search" placeholder="搜索">

        <input type="button" name="" id="" class="btn">

    </form>

</div>

 

css代码

* {

    margin: 0;

    padding: 0;

}

.container {

    height: 70px;

    width: 800px;

    margin: 100px auto