实例
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>登陆页</title> <style> body{ margin: 0px; background-image: url("images/dt.png"); background-size: cover; } .td{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-color: #000000; opacity: 0.7; } .login img{ width: 400px; height: 450px; } .login{ position: absolute; left: 50%; top: 50%; margin-left: -200px; margin-top: -225px; } </style> </head> <body> <div class="td"></div> <div class="login"><img src="images/QQ截图20190427101300.png" alt="登陆二维码"></div> </body> </html>
运行实例 »
点击 "运行实例" 按钮查看在线实例