tailwind实现简洁搜索框效果代码

代码语言:html

所属分类:搜索

代码描述:tailwind实现简洁搜索框效果代码

代码标签: 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