百度搜索
简介
百度是中国最大的搜索引擎，提供网页、图片、视频等多种搜索服务。本示例网站展示了一个简单的搜索框和搜索按钮的样式。
代码
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<title>百度搜索示例</title>
<style>
div#sliding-searchbox.sliding-searchbox-one #sliding-icon-left{height:60px;width:50px;background:url(http://znsv.baidu.com/static/customer-search/img/slidingbox-icon-right.png) no-repeat center center;margin-right:15px;float:left}div#sliding-searchbox.sliding-searchbox-two #sliding-icon-left{height:60px;width:50px;background:url(http://znsv.baidu.com/static/customer-search/img/slidingbox-icon-two-left.png) no-repeat center center;margin-right:15px;float:left}div#sliding-searchbox.sliding-search
</style>
</head>
<body>
<div id="sliding-searchbox" class="sliding-searchbox-one">
<input type="text" id="search-query" placeholder="请输入关键词">
<button id="search-btn">搜索</button>
<div id="sliding-icon-left"></div>
</div>
</body>
</html>
在这个示例中，我们使用了两个不同的CSS类来实现两种不同的搜索框样式。你可以根据需要修改这个样式，以适应你的项目需求。
