HTML如何实现腾讯网页椭圆搜索框

首先我们打开Adobe Dreamweaver CS6网页编辑软件

下面打到源代码里面

打上搜索框代码<input type="text"  placeholder="请输入要搜索的内容"><input type="button" value="搜 索">

下面的代码打在CSS样式表里面

[type="text"]{

width:280px;

height:28px;

border:#063 2px solid;

float:left;

margin-top:20px;

border-bottom-left-radius:15px;

border-top-left-radius:15px;

outline:none;}

[type="button"]{

width:53px;

height:30px;

background:#063;

border:none;

margin-top:20px;

border-bottom-right-radius:15px;

border-top-right-radius:15px;

outline:none;

}