html css网页展示搜索功框

HTML 和 CSS 是创建网页的基本技术，它们一起用于构建用户界面。如果你想在网页上展示一个搜索框，你可以这样做：

1. HTML部分: 首先，使用HTML `input` 标签创建搜索框。例如：

<div class="search-container">
  <input type="text" id="searchInput" placeholder="输入关键词...">
  <button id="searchButton">搜索</button>
</div>

这里的`type="text"` 表示这是一个文本输入框，`placeholder` 属性提供了输入提示。

2. CSS部分: 你可以通过CSS来美化这个搜索框，并调整其布局。例如：

.search-container {
  display: flex;
  align-items: center;
}

#searchInput {
  padding: 5px 10px;
  border: 1px solid #ccc;
  border-radius: 4px;
}

#searchButton {
  margin-left: 10px;
  padding: 5px 10px;
  background-color: #007BFF;
  color: white;
  cursor: pointer;
}

这会让输入框有一定的间距，按钮有蓝色背景。