首先我們打開(kāi)Adobe Dreamweaver CS6網(wǎng)頁(yè)編輯軟件

下面打到源代碼里面

打上搜索框代碼<input type="text"  placeholder="請(qǐng)輸入要搜索的內(nèi)容"><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;

}