input输入框+按钮 的基本样式书写

 HTML:

<form action="">

                <input type="text" placeholder="search..."> <button></button>

                                                                //这里填输入框里的提示内容...  例:  "请输入文字"//

</form>

CSS:

form{

        width: 211px;

        height: 26px;

        outline: none;

        padding-left: 14px;

        border: 1px solid #e5e5e5;

        margin: 39px 1px 33px 0;

        background: #f1f1f1;

}

input{

        width: 185px;

        height: 26px;

        outline: none;

        border: 0;

        background: transparent;

}

button{

        width: 26px;

        height: 26px;

        border: 0;

        float: right;

        background: url(qiye/fdj.jpg) no-repeat center center;

       }                           //这里插入了放大镜🔍的背景图//