灵雪java30html

最新推荐文章于 2024-07-09 19:43:32 发布

xfajll

最新推荐文章于 2024-07-09 19:43:32 发布

阅读量93

点赞数

文章标签： web

本文链接：https://blog.csdn.net/weixin_42555469/article/details/111600611

版权

day30

今天写了两个静态的页面
代码如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>凉夏注册</title>
    <style>
        body {
            background-image: url("../img/pxz.jpg");
        }

        #xf {
            width: 400px;
            height: 600px;
            border: 1px wheat solid;
            background-color: rgb(242, 240, 243);
            opacity: 0.8;
            border-radius: 10px;
            margin-left: 1000px;
            margin-top: 70px;
        }
        #xf2{
            padding: 10px;
        }
        a{
            text-decoration: none;
        }

    </style>
</head>
<body>
<div id="xf">
    <h1>欢迎注册</h1>
    <h5>已有账号？<a href="//www.baidu.com/">登录</a></h5>
    <br>
    <br>
    <div id="xf2">
    用户名<input style="width: 300px;height: 30px" type="text" name="username" placeholder="请设置用户名"><br><br><br>
    手机号<input style="width: 300px;height: 30px" type="text" name="phone" placeholder="可用于登录和找回密码"><br><br><br>
    密码 &nbsp; <input style="width: 300px;height: 30px" type="passWord" name="passWord" placeholder="请设置登录密码"><br><br><br>
    验证码<input style="width: 200px;height: 30px" type="text" name="num" placeholder="请输入验证码">
    &nbsp;&nbsp;<button>获取验证码</button><br><br><br><br>
    <input style="width: 360px;height: 50px;color:white;background-color: rgb(189,206,252) ;border-radius: 40px" type="submit" value="注册">
        <input style="margin-left: 30px" type="checkbox">
        <span style="font-size: 10px">阅读并接受<a href="//www.baidu.com/">《百度用户协议》</a>及<a href="//www.baidu.com/">《百度隐私保护声明》</a></span>
    </div>


</div>

</body>
</html>
``<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>灵雪登录</title>
    <style>
        body {
            background-image: url("../img/pxz.jpg");
        }

        #xf {
            border: 1px wheat solid;
            width: 450px;
            height: 350px;
            background-color: white;
            margin-left: 40%;
            margin-top: 10%;
            border-radius: 10px;

        }

        #xf2 {
            margin-top: 10%;

        }

        input {
            border-radius: 10px;
            width: 300px;
            line-height: 15px;
            padding: 10px;
            font-size: 20px;
            margin-left: 55px;




        }
    </style>
</head>
<body>
<div id="xf">
    <form action="//www.baidu.com/">
        <div id="xf2">
            <input style="background-color: rgb(24,159,146);color: white;text-align: center" type="text" readonly placeholder="灵雪的凉夏-管理登录" ><br><br>
            <input type="text" name="userName" placeholder="用户名"><br><br>
            <input type="passWord" name="passWord" placeholder="密码"><br><br>
            &nbsp;&nbsp;<input style="background-color: rgb(24,159,146);color: white"  type="submit" value="登录">

        </div>
    </form>


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

xfajll

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
灵雪java30html

day30今天写了两个静态的页面代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>凉夏注册</title> <style> body { background-image: url("../img/pxz.jpg"); }
复制链接

扫一扫