椭圆登陆界面设计
来源:互联网 发布:淘宝开店认证 编辑:程序博客网 时间:2024/05/21 19:40
@{
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>
阅读全文
0 0
- 椭圆登陆界面设计
- 登陆界面设计
- Android登陆界面设计demo
- QQ登陆界面设计 TestLogin
- QT 登陆界面设计
- vb登陆界面设计
- Java login登陆界面设计
- 安卓登陆界面设计(LayoutInflater)
- 《匿名》第七课----登陆界面设计
- 简单的Windows登陆界面设计
- 应用篇1.3 后台登陆界面设计
- 登陆界面设计(设置按回车登录)
- 用相对布局实现登陆界面设计
- 界面设计:社交登陆表单的一些事
- QML与C++交互:登陆界面设计
- QML与C++交互:登陆界面设计
- QML与C++交互:登陆界面设计
- QML与C++交互:登陆界面设计
- react项目实战(权限模块开发八)js文件分开打包
- 【POJ
- scala版本的wordCount
- 【数论】codeforces 822D My pretty girl Noora
- mysql(七)修改数据表
- 椭圆登陆界面设计
- USACO1.1.3 Friday the Thirteenth
- [Jxoi2012]奇怪的道路
- Linux入门之用户及文件权限管理
- 02好好学习读书笔记-- 黄金思考圈
- 行人检测实现和相关资料
- 数据库中date、datetime、datestamp的区别
- 2017暑期集训Day 14 树形dp
- 【C语言】枚举,联合