bootstrap登陆页面设计



@{
    ViewBag.Title = "";
}


<style type="text/css">

//画圆

    .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>



猜你喜欢

转载自blog.csdn.net/ypz131023/article/details/76358455