first commit

历届学生/fontendseven/项目练习/上课项目/简书搜索条/css/clear.css

@@ -0,0 +1,10 @@
+body,p,h1,h2,h3,h4,h5,h6,input{
+    margin: 0;
+    padding: 0;
+    border: none;
+}
+
+input {
+    /* 去除选中input时候产生的外边框 */
+    outline: none;
+}

历届学生/fontendseven/项目练习/上课项目/简书搜索条/css/index_1.css

@@ -0,0 +1,24 @@
+.search {
+    width: 240px;
+    height: 38px;
+    position: relative;
+}
+
+.search input {
+    width: 100%;
+    height: 100%;
+    background: #eee;
+    /* border-radius: 40px;加圆角边框 */
+    padding-left: 20px;
+    box-sizing: border-box;
+    padding-right: 33px;
+}
+
+.search img {
+    width: 17px;
+    height: 17px;
+    position: absolute;
+    right: 9px;
+    top: 50%;
+    margin-top: -8.5px;
+}

历届学生/fontendseven/项目练习/上课项目/简书搜索条/css/index_2.css

@@ -0,0 +1,10 @@
+.search {
+    width: 240px;
+    height: 38px;
+    border-radius: 40px;
+    padding-left: 20px;
+    box-sizing: border-box;
+    padding-right: 33px;
+    background: #eee url("../img/search.png") no-repeat 214px center;
+    background-size: 17px;
+}