bootstrap登陆页面设计_bootstrap 3 登录页模板-CSDN博客

本文链接：https://blog.csdn.net/ypz131023/article/details/76358455

@{
ViewBag.Title = "";
}

//画圆

.circle {
width: 100%;
height: 100%;
background: #7295A0;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
}

</style>
<from >
<body style="width:100%">
<div style="width:100%;min-height:600px ; border:red 1px solid; position:relative; ">
<img style="position:absolute;left:0px;top:0px;width:100%;height:100%;z-Index:-1; border:1px solid blue" src="~/img/back_04.jpg" />
<p>
@Html.Encode(ViewData["Message"])
</p>

<div style="width:40%;background-color:#e6e0e0 ;height:20% ;-webkit-border-radius: 15px; -moz-border-radius: 15px; margin: 0 auto; margin-top:20%">

<div class="circle">
<table class="table ">

<tr>
<td class="text-center"></td>
<td class="text-center"> <h4 style="color:#013150;font-weight:bold">何庆兰测试系统</h4> </td>
<td></td>
</tr>

<tr >
<td class="text-center">用户名:</td>
<td class="text-center" colspan="2" > @Html.TextBox("UserName", "", new { @class = "form-control" }) </td>

</tr>
<tr >
<td class="text-center">密码:</td>
<td class="text-center" colspan="2"> @Html.TextBox("Password", "", new { @class = "form-control" }) </td>

</tr>
<tr>

<td></td>
<td class="text-center"><input type="button" value="登录" name="btnLogin" class="btn btn-primary " /></td>

<td class="text-right"><input type="button" value="忘记密码" name="btnforgotPass" class="btn btn-link" /></td>
</tr>
<tr>
<td></td>



</tr>

</table>
</div>

</div>

</div>

</body>
</from>