HTML和CSS可以用來創(chuàng)建一個簡單的搜索框，以下是一個基本的示例：

1、HTML結(jié)構(gòu)：

<div class="search-container">
    <input type="text" class="search-input" placeholder="請輸入搜索關(guān)鍵詞">
    <button class="search-button">搜索</button>
</div>

2、CSS樣式：

.search-container {
    width: 300px;
    margin: 0 auto;
    text-align: center;
}
.search-input {
    width: 200px;
    height: 30px;
    padding: 5px;
    border: 1px solid #000;
    border-radius: 5px;
    margin-right: 10px;
}
.search-button {
    width: 100px;
    height: 30px;
    padding: 5px;
    border: 1px solid #000;
    border-radius: 5px;
    background-color: #007BFF;
    color: #FFF;
}

在這個示例中，我們創(chuàng)建了一個包含輸入框和按鈕的搜索框，輸入框用于接收用戶輸入的搜索關(guān)鍵詞，按鈕則用于觸發(fā)搜索操作，通過CSS，我們可以自定義搜索框的寬度、高度、顏色等樣式，以滿足不同的設(shè)計(jì)需求，這只是一個簡單的示例，實(shí)際使用時可能需要根據(jù)具體需求進(jìn)行調(diào)整。