HTML+CSS+JS实现系统登录

最新推荐文章于 2024-04-28 15:34:18 发布

溺水的鱼儿(*^_^*)

最新推荐文章于 2024-04-28 15:34:18 发布

阅读量3.5k

点赞数 7

分类专栏： javaScript 文章标签： javascript

本文链接：https://blog.csdn.net/weixin_47450039/article/details/106974190

版权

本文为实现一个简单的系统登录界面，并通过JS实现登录跳转。

1.首先编写一个自己喜欢的页面，码上见。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>登录界面</title>
    <style>
        html,body{
            height: 100%;
            margin: 0;
            padding: 0;
        }

        .container {
            width: 100%;
            height: 100%;
            position: relative;
            top: 0;
        }
        .top{
            width:100%;
            height: 10%;
            background-color:rgba(255,255,255,0.6);
            text-align: center;
        }
        .mainloc{
            width: 30%;
            height: 40%;
            position: absolute;
            left:50%;
            top:50%;
            margin-left: -15%;
            margin-top: -10%;
            text-align: center;
            line-height: 40px;
            border-radius: 10px;

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

溺水的鱼儿(*^_^*)

关注关注

7
点赞
踩
42

收藏

觉得还不错? 一键收藏
1
评论
HTML+CSS+JS实现系统登录

本文为实现一个简单的系统登录界面，并通过JS实现登录跳转。1.首先编写一个自己喜欢的页面，码上见。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>登录界面</title> <style> html,body{ height: 100%;
复制链接

扫一扫