基于CSS与HTML的登陆界面1

最新推荐文章于 2024-05-16 16:22:03 发布

原创

最新推荐文章于 2024-05-16 16:22:03 发布 · 194 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#html #css #前端

这篇博客展示了初学者使用HTML和CSS创建的一个登录页面。页面包含一个登录表单，包括邮箱和密码输入框，登录按钮以及注册链接。CSS部分定义了页面样式，如背景图片、表单及按钮的样式，还实现了鼠标悬停和点击效果。

初学HTML与CSS，按照几个框架自己改出来的登录页面

HTML文件

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>SelfWeb</title>
    <link rel="stylesheet" href="web2.css">
</head>
<body>
        <form action="" method="post" class="card">
            <h1 class="a1"><b class="title" >Login</b></h1>
            <input type="text" placeholder="Email" class="in"><br>
            <input type="password" placeholder="Password" class="in"><br>
            <input type="submit" value="登   录" class="btn"><br>
            <h3 class="title2">还没有账号？<a href="">点击注册</a></h3>
        </form>
</body>
</html>