bootstrap登陆页面设计
来源:互联网 发布:网络架构工程师干什么 编辑:程序博客网 时间:2024/05/16 13:02
@{
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>
阅读全文
0 0
- bootstrap登陆页面设计
- Bootstrap框架-------登陆页面
- LayoutIt! 设计Bootstrap页面
- WebApp登陆页面设计
- 登陆页面的设计
- 网页设计~登陆页面源代码
- Silverlight -登陆页面布局设计
- Spring Boot 搭建应用实现登陆实例,页面使用bootstrap
- bootstrap,bootstrapValidator实现登陆页面及输入校验
- 使用bootstrap进行页面设计第一步
- 利用bootstrap实现简单页面设计
- bootstrap设计的普通表单页面
- >+ 有关页面登陆的一些设计
- 有关页面登陆的一些设计
- Extjs设计后台管理员登陆页面
- extjs 4.0登陆页面的设计
- PHP登陆注册页面的设计感悟
- 登陆页面安卓设计代码
- c#使用wpd读取便携式设备信息二
- 阿里巴巴2016前端工程师笔试题1总结
- C语言关键字 union基本知识
- TensorFlow(二)实现Softmax Regression 识别手写数字
- 506
- bootstrap登陆页面设计
- bzoj 2565 最长双回文串 马拉车
- 日志同步与时间同步
- SpringMVC4.3+ hibernate5 整合EhCache 二级缓存 给予java-config
- 发现一个很好的博客,连接是博客中一篇写三种梯度下降发的文章,收藏
- HSV与RGB
- 数据结构实验之链表八:Farey序列
- main :处理命令行选项
- c#使用WPD读取便携式设备信息一(枚举设备、连接设备及读取设备信息)