works day 1

B-Zebul

已于 2024-08-28 21:01:07 修改

阅读量180

点赞数 3

文章标签： c++ c语言 css html

于 2024-08-28 20:54:53 首次发布

本文链接：https://blog.csdn.net/2401_84654619/article/details/141649599

版权

html代码：

<html lang="en">
    <head>
        <meta charset="utf-8">
        <link rel="stylesheet" type="text/css" href="style.css" />
    </head>
    <body>
    <form action="">

        <!-- 账号 -->
        <input  type="text" name="" value="" placeholder="账号">
        <br />

        <!-- 密码 -->
        <input  type="password" name="" value="" placeholder="密码">
        <br />

        <!-- 登录 -->
        <input  class="f_sub" type="submit" name="" value="登录" />
        <br />
        <p>
        
    </form>
    <p>
        版权所有&copyhgyj.com
    </p>
    </body>
</html>

css管理：

body{
    background-image: url(images/bgt.jpeg);
    background-repeat: no-repeat;

}

form{
    position: absolute;
    left: 36%;
    top: 30%;
}

input{
    width: 330px;
    height: 45px;
    border-radius:20px ;
    border: none;
    margin:5px;

}

.f_sub{
    background-color: #4a83a7;
    font-size: 10px;
    width: 320px;
    height: 45px;

}

p{
    text-align: center;
    margin-top: 30%;
}

最终结果：