CSS是一種用于頁面設計的樣式表語言，它可以通過樣式規則來控制HTML文檔的布局和外觀。下面我們來看看如何使用CSS仿制360搜索框。
/* 定義搜索框的樣式 */
#search-input {
width: 280px;
height: 32px;
font-size: 16px;
font-weight: bold;
border: 1px solid #ccc;
border-radius: 16px;
padding-left: 24px;
background-image: url('https://p.ssl.qhimg.com/t01c4b1b91c976928f2.png');
background-repeat: no-repeat;
background-position: 4px center;
}
/* 定義搜索按鈕的樣式 */
#search-btn {
width: 48px;
height: 32px;
background-color: #0084ff;
color: #fff;
font-size: 16px;
font-weight: bold;
border: none;
border-radius: 16px;
cursor: pointer;
}
/* 定義搜索框和按鈕的容器樣式 */
.search-box {
display: inline-block;
margin: 16px;
}
/* 將搜索框和按鈕放在容器中 */在上面的代碼中，我們首先定義了搜索框的樣式，包括寬度、高度、字體大小、邊框樣式、圓角、內邊距和背景圖。然后定義了搜索按鈕的樣式，包括寬度、高度、背景顏色、字體顏色、邊框樣式、圓角和鼠標樣式。最后，定義了搜索框和按鈕的容器樣式，并將它們放在一個div元素中。
通過使用CSS，我們可以輕松地實現像360搜索框這樣的樣式效果，使網頁看起來更加美觀和專業。