標題：編寫一個簡單的搜索CSS代碼

隨著互聯網的發展，搜索已經成為了人們日常生活中不可或缺的一部分。使用搜索工具可以更快地找到需要的信息，而無需花費時間和精力去手動搜索。今天，我們將介紹一個簡單的搜索CSS代碼，可以幫助用戶快速找到他們需要的信息。

以下是一個簡單的搜索CSS代碼，它使用了Bootstrap框架：

```html

<div class="container">

<div class="row">

<div class="col-md-4 col-md-offset-4">

<h2>搜索</h2>

<form>

<input type="text" placeholder="搜索...">

<button type="submit">搜索</button>

</form>

</div>

</div>

</div>

CSS代碼：

```css

.container {

display: flex;

flex-direction: column;

align-items: center;

margin: 0 auto;

.row {

margin-bottom: 20px;

.col-md-4 {

width: 40%;

background-color: #f2f2f2;

padding: 10px;

.col-md-offset-4 {

width: 60%;

background-color: #f2f2f2;

padding: 10px;

text-align: center;

margin-bottom: 20px;

form {

display: flex;

flex-direction: column;

align-items: center;

input[type="text"],

button {

width: 100%;

padding: 10px;

margin-bottom: 20px;

border: none;

border-radius: 5px;

font-size: 16px;

button {

background-color: #4CAF50;

color: white;

padding: 10px 20px;

border: none;

border-radius: 5px;

cursor: pointer;

button:hover {

background-color: #3e8e41;

這個代碼包含了一個包含搜索輸入和搜索按鈕的表單。當用戶點擊搜索按鈕時，CSS將重新樣式表單中的元素，使按鈕變得可見，背景色為白色，并填充邊框。CSS還定義了輸入框的寬度為40%，背景顏色為#f2f2f2，并使用padding和margin來使元素看起來更大和緊湊。

這個簡單的搜索CSS代碼可以幫助用戶快速找到他們需要的信息，而無需手動編寫搜索代碼。它可以讓用戶在瀏覽器中輕松使用搜索功能，而無需每次都打開多個瀏覽器窗口或使用其他工具。