搜索框通常使用HTML和CSS来创建,以下是一些基本的步骤和代码示例:
1. HTML结构:
使用``标签创建一个文本输入框,并设置`type="search"`属性,这样浏览器会显示搜索图标。
```html
```
2. CSS样式:
使用CSS来美化搜索框,可以设置边框、背景颜色、宽度等。
```css
searchBox {
width: 300px; / 设置搜索框的宽度 /
padding: 10px; / 内边距 /
border: 1px solid ccc; / 边框 /
border-radius: 5px; / 圆角 /