HTML的搜索框怎么用HTML展现

图片说明

就是这种样式的顶部搜索框 怎么用HTML展现出来
有知道的大哥麻烦了 小弟小白找了很多教程都没找到

https://www.cnblogs.com/ivanlee-ee-233/p/6778038.html

很简单,就地取材就行。看见上面csdn的搜索框了么,没啥区别。查看网页源代码,当然最好是检查元素找到那部分就行。

上个图吧
那个框
图片说明
那个放大镜
图片说明
当然,这两个其实有css修饰,看到右边那个截了半个的styles了么,里面找到css或者自己写就行

就地取材对这些小设计的学习还是很有帮助的