CSS是一種用于定義網頁樣式的語言,它可以讓我們定制各種網頁效果。在這篇文章里,我們將會探討如何用CSS來制作一個優雅的百度搜索框。
/*首先,我們用CSS定義搜索框的樣式*/ .search-box { border-radius: 20px; border: 1px solid #ccc; width: 200px; height: 30px; } /*然后,我們定義搜索框內的文字樣式*/ .search-box input { outline: none; border: none; padding: 5px; font-size: 14px; } /*接著,我們定義搜索按鈕的樣式*/ .search-box button { background-color: #3385ff; color: #fff; border: none; border-radius: 20px; padding: 5px 10px; font-size: 14px; } /*最后,我們將搜索框和搜索按鈕放在一起*/ .search-container { display: flex; flex-direction: row; justify-content: center; margin-top: 30px; } /*下面是HTML代碼*/
只需要按照上面的代碼,就可以制作出一個漂亮的百度搜索框啦!希望這篇文章對你在開發中有所幫助。