先在body中把最基础的标签写出来

现在页面运行出来是这样的

就是一个没有任何样式的基础界面：

接下来我们为这些标签加上样式

首先还是让页面所有元素的padding和margin都设置为0，

清除浏览器本身对界面的影响：

然后加上背景图，并且将字体设置为微软雅黑

接下来给整个登陆框设置样式

并且让登陆框绝对居中，会使用到绝对位置属性

给h1标签加上样式

给两个输入框设置样式，border给输入框设置边框线样式、粗细和颜色；

border-radius属性给边框设置圆角角度，像素越接近10，弧度越大

给登陆和注册按钮设置样式，

样式设置完，界面就是这样的

代码实现如下

若要实现页面跳转可以加入a标签，使跳转到注册界面。