h5css实现旅游网搜索栏

可以使用HTML和CSS来实现旅游网站的搜索栏。下面是一个简单的示例：

<div class="search-container">
  <form action="/search">
    <input type="text" placeholder="搜索...">
    <button type="submit">搜索</button>
  </form>
</div>

.search-container {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 20px 0;
}

form {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #f2f2f2;
  border-radius: 25px;
  padding: 10px;
}

input[type=text] {
  padding: 10px;
  border: none;
  border-radius: 25px;
  outline: none;
  font-size: 16px;
}

button[type=submit] {
  background-color: #4CAF50;
  color: white;
  padding: 10px 20px;
  border: none;
  border-radius: 25px;
  cursor: pointer;
  font-size: 16px;
  margin-left: 10px;
}

这个示例使用了Flexbox布局来居中搜索栏，并使用圆角和背景色来美化搜索栏。当用户输入搜索关键字并点击搜索按钮时，表单将被提交到"/search"页面。您可以根据需要更改这些值。