底部部分
Coddy Netflix 登录页面克隆|前端项目 课程的第 19 课,共 19 课。
挑战
简单目标类 form-help:
- 将
display设置为flex - 将
justify-content设置为space-between
目标类 remember-me:
- 将
display设置为flex
将类 remember-me 的目标 input 的 margin-right 设置为 5px。
如需更精细的效果,请将这段代码添加到末尾:
.form-wrapper a:hover {
text-decoration: underline;
}
form .form-help :where(label, a) {
font-size: 14px;
}
form button:hover, #code:hover {
opacity: 0.8;
}亲手试试
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<!-- 在这里编写 HTML 代码 -->
<script src="script.js"></script>
</body>
</html>Netflix 登录页面克隆|前端项目中的所有课
自己练习: Web 在线编辑器