椭圆登陆界面设计



@{
    ViewBag.Title = "";
}


<style type="text/css">
    .circle {
    width: 148%;
    height: 100%;
    background: #7295A0;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
  
}
  .table thead > tr > th, .table tbody > tr > th, .table tfoot > tr > th, .table thead > tr > td, .table tbody > tr > td, .table tfoot > tr > td {
    padding: 8px;
    line-height: 1.428571429;
    vertical-align: top;
  border-top: 0px solid transparent !important;
}
    .centDIv {
        width:20%;
        height:50%;
        margin:0 auto;
        margin-top:20%;
    }


</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  class="centDIv">


                <div class="circle">
                    <table class="table  " style="border-top: 0px solid transparent !important;">


                        <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", @placeholder = "请输入用户名" })    </td>


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


                        </tr>
                        <tr>


                            <td></td>
                            <td class="text-center"><input type="button" value="登录" name="btnLogin" class="btn btn-primary " /><input type="button" value="忘记密码" name="btnforgotPass" class="btn btn-link" /></td>


                            <td class="text-right"></td>
                        </tr>
                        <tr>
                            <td></td>








                        </tr>




                    </table>
                </div>


            </div>


        </div>
 






    </body>
</from>



猜你喜欢

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