tailwind实现简洁搜索框效果代码
代码语言:html
所属分类:搜索
代码描述:tailwind实现简洁搜索框效果代码
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum=1.0,minimum=1.0,user-scalable=0" /> <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/tailwindcss.3.0.0.js"></script> <style> body{ padding-top: 100px; } </style> </head> <body> <div class="flex items-center justify-center p-5"> <div class="rounded-lg bg-gray-200 p-5"> <div class="flex"> <div class="flex w-10 items-center justify-center rounded-tl-lg rounded-bl-lg border-r border-gray-200 bg-white p-5"> <svg viewBox="0 0 20 20" aria-hidden="true" class="pointer-events-none absolute w-5 fill-gray-500 transition"&g.........完整代码请登录后点击上方下载按钮下载查看
网友评论0