哦—大家好,我是bug质检官,这是一期语言阶段学习,难度远超之前,你,有信心吗?
还是与以往一样,分析一下现状:
1.我们要制作一个比百度还要好看的搜索框
2.搜索功能的实现
除了第三点,应该是好整的,容我先研究一下。。。。。。
ok,我们来搞第一点:
既然有背景的加入,必然就会要使用css,对吧
先看代码:
<!DOCTYPE html>
<html>
<head>
<title>漂亮的搜索框</title>
<style>
.search-box {
display: flex;
align-items: center;
justify-content: space-between;
padding: 10px;
border: 1px solid #ccc;
border-radius: 5px;
}
.search-box input[type="text"] {
flex: 1;
padding: 5px;
border: none;
outline: none;
}
.search-box button {