web——界面登录

最新推荐文章于 2024-03-12 21:35:17 发布

VIP文章 Lfh_dream

最新推荐文章于 2024-03-12 21:35:17 发布

阅读量3.5k

点赞数 1

分类专栏： web前端开发文章标签： html css 界面 javascript web

本文链接：https://blog.csdn.net/qq_40139513/article/details/78096298

版权

看着会有点小清新

下面是HTML、CSS、JS代码

第一个界面：

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <title></title>
    <style>
        body{
            margin: 0;
            padding:0;
        }
        #Dq{
            background: url(img/timgt.gif) no-repeat;
            border: 1px solid #000000;
            width: 100%;
            height: 1000px;
            background-size: 100% 1000px;

        }
        .Dq button{
            position: absolute;
            width: 100px;
            height: 40px;
            background-color: coral;
            color:green;
            top: 660px;
            left: 880px;
            font-size: 30px;
        }

    </style>
</head>
<body >

    <div id="Dq" class="Dq">
        <a href="a.html"><button>登录</button></a>



    </div>
</body>
</html>

第二个界面：

<!DOCTYPE html>
<html>

    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <style>
        body {
            margin: 0;
            padding: 0;
        }

        .max {
            background: url(img/timgXUL.gif) no-repeat;
            width: 100%;
            height: 1000px;
            background-size: 100% 1000px;
        }

        .Dr {

            width: 420px;
            height: 300px;
            position: absolute;
            top:

最低0.47元/天解锁文章

Lfh_dream

关注

1
点赞
踩
20

收藏

觉得还不错? 一键收藏
0
评论
web——界面登录

看着会有点小清新下面是HTML、CSS、JS代码第一个界面：<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /> <title></title>
复制链接

扫一扫