椭圆登陆界面设计

最新推荐文章于 2022-10-12 11:33:25 发布
最新推荐文章于 2022-10-12 11:33:25 发布
阅读量554 收藏
点赞数
分类专栏： 前端 文章标签： 椭圆登陆界面设计 界面设计
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ypz131023/article/details/76358725
版权


@{
    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
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
8-- 椭圆样式按钮（跳转）
xu_ze_qin的博客
07-03 750
页面： <view class="page_hd"> <navigator class="create" url="/pages/teacher/banji/add">创建班级</navigator> <navigator class="join" url="/pages/teacher/banji/join">加入班级</navigator> </view> 页面样式： .page_hd { paddi.
android注册/登录圆角界面设计
小丫的专栏
11-25 2121
摘要：对android注册/登录界面的设计，背景为白色，带黑色圆形边框。其中边框的实现可以是使用背景图片，即 android:background="@drawable/CornerPicture"；另外一种方法就新建edit_bg.xml再重写shape中的corners android:radius="10dp" />，说明圆角半径为10dp，然后在layout中使用android:b
椭圆形按钮
DiyAbc
08-12 383
下载演示项目- 24kb下载源文件- 5kb 这个类基于Chris Maunder的圆形按钮。然而, 这个类不要求所有的按钮都是圆形的，而是允许按钮是椭圆形的 根据传递给按钮创建函数的矩形的边界确定主轴和副轴 (通过CEllipticalButton::Create或通过DevStudio资源编辑器)。 这个类可以像任何其他所有者绘制的控件一样使用—只需包含 头文件，并声明你的按钮控件为CEllipticalButton而不是CButton 本文转载于：http://www.diyabc.com/
用c#实现窗体绘制椭圆，圆，矩形
09-30
用c#实现窗体绘制椭圆，圆，矩形等，属于初级c#编程
HTML 渐变椭圆按钮
北京-老黑的博客
02-12 4461
效果截图： Html页： &lt;html lang="en" xmlns="http://www.w3.org/1999/xhtml"&gt; &lt;head&gt;     &lt;meta charset="utf-8" /&gt;     &lt;title&gt;渐变椭圆按钮&lt;/title&gt; &lt;/head&gt; &
mfc做的一个非常漂亮的登陆界面透明的不规则窗口源码
11-09
标题中的“mfc做的一个非常漂亮的登陆界面透明的不规则窗口源码”表明这是一个使用Microsoft Foundation ...通过这个源码，开发者可以学习到如何使用MFC进行高级的界面设计和定制，同时提升Windows应用程序的用户体验。
易语言自绘登陆UI界面 仿QQ界面源码
05-28
QQ作为一款流行的即时通讯软件，其用户界面设计简洁且直观，因此，模仿QQ界面可以作为初学者学习易语言UI设计的一个良好起点。这个源码可能包含了绘制背景、输入框、按钮等常见界面元素的方法，以及处理用户交互逻辑...
易语言自绘QQ登陆和软件界面源码
05-28
综上所述，"易语言自绘QQ登陆和软件界面源码"的学习涵盖了易语言的基础语法、界面设计、事件处理、安全实践等多个方面，是提升易语言编程技能的好材料。通过深入研究和实践，不仅可以了解易语言的编程特性，还能增强...
学生成绩管理系统数据库设计书.pdf
05-31
6. **用户界面与交互**：系统有独立的用户登陆界面，不同的用户（学生、教师、管理员）登录后进入各自的界面进行操作。用户界面设计应简洁易用，便于用户输入和查询数据。 7. **数据安全性与完整性**：数据库设计时...
CSS3紫色渐变登陆框表单特效代码
03-20
【CSS3紫色渐变登陆框表单特效代码】是一个利用CSS3技术实现的网页登录界面设计，它将紫色渐变效果巧妙地应用在了登录框和表单元素上，为用户带来独特的视觉体验。这个特效代码适用于那些希望提升网页交互性，使登录...
在Android studio中给组件按钮、文本编辑框等设置圆形边框、颜色
热门推荐
悟道子HD
04-08 1万+
在Android studio中给组件按钮、文本编辑框等设置圆形边框、颜色 目录在Android studio中给组件按钮、文本编辑框等设置圆形边框、颜色1.添加drawable资源文件2.给按钮或文本编辑框组件进行设置效果图 1.添加drawable资源文件 在res布局文件资源的drawable中右击添加文件，名字随意起，我这里是round_button，然后在该文件中输入相应代码。 代码如下： <?xml version="1.0" encoding="utf-8"?> <s
关于若依登录界面的简易分析
最新发布
qq_53480941的博客
10-12 2408
认证完成后，根据用户的信息，构建token，进行返回。前端收到返回后，存储token，并跳转网页，就可以看到完整的若依界面啦！①主界面主要由ruoyi-ui里边public中的index.html以及src当中的main.js、App.vue中完成.根据用户名去数据库查询用户信息并返回。然后再调用Spring Security内部的认证代码进行认证。若依的登录界面十分简洁明了，但是其中蕴含了大量的代码和步骤的推理，分为前端和后端两部分。所使用的组件在router中的index.js中实现。
自定义Button形状（圆形、椭圆）
gclzl的专栏
03-10 5980
这里介绍2种改变Button形状的方法，一个是直接通过设置一张圆形背景图片， 另一种方法是通过引用自定义的shape 文件。具体参见如下：       --------main_menu_btnshape.xml              自定义形状xml文件   "1.0" encoding="utf-8"?>   xmlns:android="http://schemas.
Android studio 之 简单的圆角按钮
jiahangLee的博客
10-08 5614
first： drawable文件夹里建文件 内容：<?xml version="1.0" encoding="UTF-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle"> <!-- 填充的颜色 --> <s
android两边是椭圆的按钮,自定义Button形状（圆形、椭圆）
weixin_39549936的博客
05-26 954
这里介绍2种改变Button形状的方法，一个是直接通过设置一张圆形背景图片，另一种方法是通过引用自定义的shape 文件。具体参见如下：--------main_menu_btnshape.xml 自定义形状xml文件xmlns:android="http://schemas.android.com/apk/res/android"android:shape="oval"...
Android studio利用shape实现不同样式的button(实现圆角的按钮)
Elijah233的博客
11-19 1万+
因为开发需要利用圆角的button按钮，在查阅了许多CSDN后发现对于完整的创建shape代码并加以说明的文章少之又少，所以本人在这篇文章中做一个整合，有不足和错误的地方不吝赐教。
Android开发——控件基础（二）Button组件：设置button样式（圆角、描边）
奔跑的狮子
04-24 955
效果图 实现代码（只写drawable的样式代码） <shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle"> <stroke android:width="2dp" android:color="#82d7f6"/> <solid ...
Android中各种形状
wh1076674227的博客
09-13 1068
<shape xmlns:android="http//schemas.android.com/apk/res/android" android:shape="oval"> <padding android:left="10dp" android:top="10dp" andr
Android界面设计：布局、动画与页面切换特效
“本文详细介绍了Android界面设计，涵盖了布局、动画以及不同形状的使用，特别讨论了Activity页面切换的各种效果。” 在Android应用开发中，界面设计是用户体验的关键因素。本资源主要讲解了如何创建吸引人的、符合...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值