<!DOCTYPE html><html><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1, user-scalable=no"><title>兄弟连</title><style> ???.a{ ???????margin-top: 50px; ???} ???.b{ ???????margin-top: 20px; ???} ???.c{ ????????margin-top: 20px; ???} ???.d{ ???????margin-left: 348px; ???} ???#i1{ ???????width: 88px; ???} ???#i2{ ???????width: 64px; ???????height: 26px; ???????border: 1px; ???} ???#i3{ ???????width: 152px; ???????} ???.e{ ???????width:50px; ???????height:26px; ???} ???#zi{ ???????color:#ffff; ???????font-size: 9px; ???} ???.f{ ???????float: left; ???} ???.g{ ???????margin-top:120px; ???????width: 0 auto; ????}body{ ?background:url(https://i.loli.net/2018/09/12/5b99356528f7e.jpeg) no-repeat; ?background-size: 100%;}</style><link rel="stylesheet" href="css/bootstrap.css"><script src="js/jquery.js"></script><script src="js/bootstrap.min.js"></script><link rel="stylesheet" href="1.css"></head><body> ???<div class="a"> ???????<center><img class="im1" src="https://i.loli.net/2018/09/12/5b9936965d175.png"></center> ???</div> ???<div class="b"> ???????<center><img class="im1" src="https://i.loli.net/2018/09/12/5b9936773a4ca.png"></center> ???</div> ???<div class="c"> ???????<center><p id="zi">兄弟连IT教育－让学员技术靠谱,做人更靠谱！</p></center> ???</div> ???????<div class="d"> ???????<div class="f"><input id="i1" ?type="text"></div> ???????<div class="f"><input id="i2" style="font-size:6px;" value="@itxdl.com"> </div> ???????<div class="f"><input id="i3" ?placeholder="密码" type="text"> </div> ???????<div class="f"><button style="background-color: #008844 ;color:#ffff">登陆</button></div> ???????<div class="f"><p id="zi" style="margin-top: 5px;"> 管理员登陆 |</p></div> ???????<div class="f"><p id="zi" style="margin-top: 5px;"> 忘记密码？</p></div> ???</div><br> ???<div class="g"> ???????<center><p id="zi">关于兄弟连 ｜ 兄弟连IT教育首页 ｜ 猿代码首页 ｜ XDL机器人教育首页</p></center> ???</div> ???<div > ???????<center><p id="zi">?2006-2015 XDL</p></center> ???</div> ???</body></html>示例图：
简单的网页页面
原文地址：https://www.cnblogs.com/hacker-lsr/p/9638204.html