tailwind编写的简洁登录注册页面效果代码
代码语言:html
所属分类:布局界面
代码描述:tailwind编写的简洁登录注册页面效果代码
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <title>简洁的登录注册页面演示</title> <link type="text/css" rel="stylesheet" href="//repo.bfw.wiki/bfwrepo/css/tailwind.min.css"> </head> <body class="min-h-screen bg-gray-100 text-gray-900 flex justify-center dlbox"> <div class="max-w-screen-xl m-0 sm:m-20 bg-white shadow sm:rounded-lg flex justify-center flex-1"> <div class="lg:w-1/2 xl:w-5/12 p-6 sm:p-12"> <div class="mt-12 flex flex-col items-center"> <h1 class="text-2xl xl:text-3xl font-extrabold">用户登录</h1> <div class="w-full flex-1 mt-8"> <div class="mx-auto max-w-xs"> <input class="w-full px-8 py-4 rounded-lg font-medium bg-gray-100 border border-gray-200 placeholder-gray-500 text-sm focus:outline-none focus:border-gray-400 focus:bg-white" type="email" placeholder="电子邮箱" /> <in.........完整代码请登录后点击上方下载按钮下载查看
网友评论0