效果 (源码网盘地址在最后)
源码
index.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>带有头像的登录表单</title>
<link rel="stylesheet" type="text/css" href="./style.css" />
</head>
<body>
<form
method="get"
action="javascript: void(0);"
id="login-form"
class="login-form"
autocomplete="off"
role="main"
>
<h1 class="a11y