1、弄個(gè)背景就如上面那圖，然后把input文本框，邊框設(shè)置為0，背景設(shè)置為空，大小設(shè)置為合適大小，然后設(shè)置絕對(duì)定位，定位到指定位置。

2、突出的地方單獨(dú)放一塊 ，一個(gè)簡(jiǎn)單的例子lt！doctype html test margin0padding0 navBox height30pxwidth100%background#333 nav width1000pxheight30pxlineheight30pxmargin0；用input標(biāo)簽就行，上午回答了知道里面一個(gè)童鞋同樣的問題，代碼同樣給你哈 lt！DOCTYPE htmlExamples#boxwidth 380pxmargin 30px autofontfamily #39Microsoft YaHei#39；具體代碼太多，寫來太麻煩，給你提示 一，indexasp 頁(yè)面含搜索輸入框，及搜索按鈕，按鈕有事件 二，init_items#39valuediv#39是JS處理程序 1，取得搜索輸入框的值2，將valuediv這個(gè)層設(shè)置為顯示 3，將取得的搜索關(guān)鍵；·1 此代碼默認(rèn)尺寸200x30 像素文本框170x30 像素 提交按鈕30x30 像素·2 代碼僅為框架，可通過使用內(nèi)聯(lián)樣式添加背景圖片實(shí)現(xiàn)效果·3 如需使用 border 屬性添加邊框，請(qǐng)勿刪除之前的border樣式，并且要減去。

3、觸發(fā)方式一告訴瀏覽器如何變形webkittransformstylepreserve3d溫馨提示IE不支持三維變形在移動(dòng)端，大部分瀏覽器都是WebKit內(nèi)核，所以你需要在這段代碼前寫前綴內(nèi)核webkit提示不要為body元素設(shè)置WebKit；1首先，用div標(biāo)簽在網(wǎng)頁(yè)中，插入一個(gè)可以輸入文本的搜索框2在標(biāo)簽中設(shè)置搜索框的標(biāo)識(shí)，標(biāo)識(shí)名為lookuptxt3設(shè)置搜索框以左側(cè)為基準(zhǔn)浮動(dòng)，襯距為20像素4用input插入輸入文本框，類型為文本，標(biāo)識(shí)為choosetxt5。

4、我自己簡(jiǎn)單做了一個(gè)，因?yàn)樯蟼鲌D片麻煩，所以圖中的圖片我直接用文字代替，弄個(gè)背景就ok，代碼如下lt！DOCTYPE HTML PUBLIC quotW3CDTD HTML 401 TransitionalENquot quot 無(wú)標(biāo)題 1 * margin 0；因?yàn)閳D片中放大鏡是一個(gè)圖片，沒法給你直接找到圖片你可以自己找到后放上地址就可以了 注boderradius10px是IE瀏覽器中自帶的圓角樣式還有一種方法就是找四個(gè)圓角邊然后做四個(gè)不同標(biāo)簽的背景就可以了；代碼如下lt！DOCTYPE htmlExamples#boxwidth 380pxmargin 30px autofontfamily #39Microsoft YaHei#39fontsize 14pxinputwidth 260pxborder 1px；1 在 HTML 頁(yè)面的頭部區(qū)域中添加一個(gè) CSS 樣式表2 在 CSS 樣式表中，使用 position 屬性將搜索框定位在頁(yè)面右側(cè)例如```css 搜索框 position absoluteright 0top 0 ```上述代碼將搜索框定位在頁(yè)。

5、這些優(yōu)化包括用戶界面上的調(diào)整熱門應(yīng)用清單近期活動(dòng)等等并改善了性能表現(xiàn)值得注意的是，沉浸式搜索欄已經(jīng)啟用了圓角矩形設(shè)計(jì)用戶可以通過修改Windows 10注冊(cè)表來訪問浮動(dòng)的搜索欄一旦該功能啟用，搜索欄就會(huì)從任務(wù)欄的左；水平放置2首先，將“#7FCC0B”顏色的邊框添加到輸入框中，設(shè)置寬度和高度然后，設(shè)置按鈕按鈕的白色字體和背景色“#7FCC0B”3按CRTL+s可以在軟件的右邊看到最終的效果這就是如何在HTML中創(chuàng)建一個(gè)搜索框；在第一個(gè)檢索的值處，輸入公式=OFFSETA1，MATCHquot*quotK4quot*quot，A1INDEXAA，K6，0，01，0其中K4是檢索的關(guān)鍵詞的單元格，K6是上一步操作的單元格，A1為第一個(gè)數(shù)據(jù)這樣我們就得到了第一個(gè)檢索的值在第。

6、2首先給input框添加“#7FCC0B”顏色的邊框，設(shè)置寬度和高度即可，給button按鈕設(shè)置白色的字體和“#7FCC0B”的背景顏色即可完成3按crtl+s，在軟件的右側(cè)即可看到最終的效果以上就是用html制作搜索框的演示。