先看效果图：
代码：
用户注册 *{ margin: 0px; padding: 0px; } body{ background-color: black; position: relative; } .title{ height: 58px; background-color: #2285f2; } .title .titlelog{ width: 50px; height: 50px; background-image: url(./img/12/log.png); float: left; margin-top: 4px; margin-bottom: 4px; margin-left: 40px; } .title .titletext{ height: 50px; width: 135px; background-image: url(./img/12/titletext.png); float: right; margin-top: 4px; margin-bottom: 4px; margin-right: 40px; } .conter .contercerter{ width: 800px; height: 550px; background-color: white; margin: 80px auto; border-radius: 1%; } .conter .contercerter .contercertertoptext{ font-size: 28px; text-align: center; height: 100px; line-height: 150px; } .conter .contercerter .contercertercentertext{ font-size: 14px; text-align: center; height: 20px; } .conter .contercerter .contercerterbottomtext{ height: 300px; width: 400px; /* background-color: cornflowerblue; */ margin: 0px auto; /* text-align: center; */ } .ppp{ height: 50px; position: relative; } .innput{ height: 35px; width: 250px; font-size: 16px; position: absolute; left: 50%; top: 5px; margin-left: -125px; } .send{ height: 35px; width: 130px; font-size: 16px; position: absolute; left: 50%; top:5px } .clicksend{ font-size: 14px; height: 39px; width: 80px; position: absolute; right: 18%; top: 5px; } .redd{ height: 18px; width: 250px; position: relative; } .ppd{ position: absolute; left: 30%; top: 22px; font-size: 16px; width: 350px; } .checks{ margin-right: 5px; } .bottoms{ position: relative; height: 100px; } .submit{ height: 50px; width: 180px; position: absolute; left: 50%; top: 30px; margin-left: -90px; background-color: rgb(202, 217, 245); font-size: 18px; } </style>
