8.28作业

@2920

已于 2024-08-28 20:05:29 修改

阅读量240

点赞数 3

文章标签： html

于 2024-08-28 19:56:43 首次发布

本文链接：https://blog.csdn.net/weixin_51951674/article/details/141648331

版权

html部分

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <link rel="stylesheet" type="text/css" href="style.css" />
    </head>
    <body>
    <div>
        <input class="id" type="text" name="" value="" placeholder="账号">
        <br />
        <input class="key" type="password" name="" value="" placeholder="密码">
        <br />
        <input class="logon" type="button" name="" value="登录">
        <p>
           版权所有&copy;hqyj.com
        </p>
    </div>
    </body>
</html>

css部分

body{
    background-image: url(images/bgt.jpeg);
}
div{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
input{
    width: 184px;
    height: 30px;
    border-radius: 20px;
    padding-left:10px;
    margin-bottom: 10px;
    border: none;    
}
.logon{
    border-radius: 0px;
    margin-left: 5px;
    color: #fff;
    background:rgba(255,255,255,0.3);
}
p{
  font-size: 13px;  
  text-align: center;
}