[小实例]——超简洁静态登录页面

最新推荐文章于 2023-03-10 22:04:46 发布

虽菜但瘾

最新推荐文章于 2023-03-10 22:04:46 发布

阅读量1.4k

点赞数 3

分类专栏：小实例文章标签： css3

本文链接：https://blog.csdn.net/sungoodluck666/article/details/108567661

版权

本文介绍了使用CSS3创建一个简单的静态登录页面的过程，包括效果图展示、HTML和CSS代码示例，以及为何要重置边距和填充的原因，旨在帮助初学者复习CSS基础知识。

摘要由CSDN通过智能技术生成

静态登录页面

今天在网上看到一个后台登录页面，很简洁，看着也很舒服，就试着模仿做一下这个小案例(这个案例的水平很低，只是我复习css的第一步)。没有验证码和js逻辑，就只是简单地一个页面渲染。我感觉一般的后台管理登录页面应该不会注重样式(可能觉得没必要，只要能用就行)。这个小案例也算是我重拾css的第一步，样式用惯了框架，真要写的时候才发现都给忘了。。。

效果图

login.html

<!DOCTYPE html>
<html lang="en">

<head>
  <mate charset="UTF-8">
    <title>login</title>
    <link rel="stylesheet" type="text/css" href="login.css">
</head>

<body>
  <div class="login-user">