hello,大家好,我是wangzirui32,今天我们来学习如何设计一个网站登录页面。
开始学习吧!
1. 项目架构
demo/
login.html 网页文件
backgrond.png 登录背景图片
style.css CSS样式文件
按照以上创建即可。
2. 编写代码
2.1 网页文件编写
HTML代码不多,如下:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>wangzirui32网站首页</title>
<!-- 导入CSS文件 -->
<link rel="stylesheet" href="style.css" />
</head>
<body>
<div class="login"><!-- 登录区域 -->