html搜索框怎么做

使用HTML做搜索框的方法：

1、首先新建一个div，id名为box，用来包裹搜索框；

2、然后在内部添加一个input标签和一个div标签，一个用来输入文字，一个充当按钮；

3、最后使用css为它们设计样式即可。

<!DOCTYPE html>

<html>

<head>

<title>Examples</title>

#box{

width: 380px;

margin: 30px auto;

font-family: 'Microsoft YaHei';

font-size: 14px;

}

input{

width: 260px;

border: 1px solid #e2e2e2;

height: 30px;

float: left;

background-image: url(images/search.jpg);

background-repeat: no-repeat;

background-size: 25px;

background-position:5px center;

padding:0 0 0 40px;

}

#search{

width: 78px;

height: 32px;

float: right;

background: black;

color: white;

text-align: center;

line-height: 32px;

cursor: pointer;

}

</style>

</head>

<body>

</div>

</body>

</html>

效果：

如需转载，请注明文章出处和来源网址：http://www.divcss5.com/html5/h57397.shtml