简单搜索框的制作
最近剛剛學了CSS，一直沒怎么實踐，今天就隨手寫一個比較好看的搜索框，通過Css來實現。雖然前端的工作大多是由前端設計師來完成的。但是這個也還是不錯的，和大家分享一下。
<head><title>search</title><style>body{background:#333;margin:0;height:auto;width:auto}.search-form{background:#fff;float:left;margin-left:300px;margin-top:200px;}.search-text{float:left;width:300px;outline:none;border:0}.search-button{float:left;width:60px;font-size:14px;color:#fff;background:green;outline:noneborder:0px;padding:0;}.top-div{background:#aad;height:50px;} </style> </head> <body><div class="top-div"></div><form class="search-form"><input type="text" class="search-text"/><input type="submit" value="搜索" class="search-button"/></form> </body>實現的效果：
就是這樣啦！
總結
- 上一篇： Mvp+OkHttp+XRecycler
- 下一篇： 程序员转行适合做什么?