精华内容
下载资源
问答
  • 好看的登录界面

    2017-07-10 11:20:39
    一个基于纯CSS的美观的登录界面
  • 好看的登录界面 c++

    2020-02-23 09:41:31
    c++ 好看的登录界面c++ 好看的登录界面c++ 好看的登录界面c++ 好看的登录界面c++ 好看的登录界面c++ 好看的登录界面c++ 好看的登录界面c++ 好看的登录界面c++ 好看的登录界面c++ 好看的登录界面c++ 好看的登录界面...
  • 大方好看的登录界面

    2018-11-03 15:45:08
    大方好看的登录界面,淡蓝色背景,绝对好看,背景虚化
  • 一个好看的登录界面
  • 简约好看的登录界面
  • PB11.5 好看的登录界面

    2018-05-10 10:17:49
    PB11.5 好看的登录界面 设计为主,技术为辅 美观按钮控件
  • 好看的登录界面ps图

    2014-12-04 11:02:47
    非常好看的登录界面,Transparent Login Form
  • 安卓好看的登录界面

    千次阅读 2017-11-24 10:57:54
    大家好,今天开始写我的第二篇博客,昨天简单写了下记住密码和显示密码,由于时间有限随便写了一下,今天有时间,给大家详细的写一下比较好看的登录界面。 跟往常一样,废话不多少,先上一张效果图吧 接下来先教...

    大家好,今天开始写我的第二篇博客,昨天简单写了下记住密码和显示密码,由于时间有限随便写了一下,今天有时间,给大家详细的写一下比较好看的登录界面。

    跟往常一样,废话不多少,先上一张效果图吧

     

    接下来先教大家弄一下这个渐变布局,喜欢别的颜色可以更改,在drawable里新建一个文件,代码如下:

    <?xml version="1.0" encoding="utf-8"?>
    <shape xmlns:android="http://schemas.android.com/apk/res/android">
        <gradient
            android:startColor="#009393"
            android:endColor="#bbffbb"
            android:angle="90"/>
    </shape>

     

    然后开始写布局,布局就是一个简单的用线性布局包裹着的一个布局,直接粘上代码让大家看看吧:

     

    
     
    <?xml version="1.0" encoding="utf-8"?>
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:orientation="vertical"
        android:background="@drawable/sha"
        android:layout_width="match_parent"
        android:layout_height="match_parent">
    
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="账号登录"
            android:layout_gravity="center"
            android:layout_marginTop="85dp"
            android:textColor="#ffffff"
            android:textSize="30sp"/>
    
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="40dp"
            android:orientation="horizontal"
            android:layout_marginLeft="60dp"
            android:layout_marginRight="60dp"
            android:layout_marginTop="15dp"
            android:background="#ffffff">
    
            <EditText
                android:id="@+id/ed_name"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:singleLine="true"
                android:layout_marginTop="10dp"
                android:layout_marginLeft="10dp"
                android:hint="请输入账号"
                android:textColorHint="#f0f0f0"
                android:background="@null"/>
    
        </LinearLayout>
    
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="40dp"
            android:orientation="horizontal"
            android:layout_marginLeft="60dp"
            android:layout_marginRight="60dp"
            android:layout_marginTop="15dp"
            android:background="#ffffff">
    
            <EditText
                android:id="@+id/ed_pass"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:singleLine="true"
                android:layout_marginTop="10dp"
                android:layout_marginLeft="10dp"
                android:hint="请输入密码"
                android:inputType="textPassword"
                android:textColorHint="#f3f3f3"
                android:background="@null"/>
    
        </LinearLayout>
    
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="40dp"
            android:orientation="horizontal"
            android:layout_marginLeft="60dp"
            android:layout_marginRight="60dp"
            android:layout_marginTop="15dp">
    
            <RelativeLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content">
    
                <CheckBox
                    android:id="@+id/ck_pass"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="记住密码"
                    android:gravity="center"
                    android:textColor="#ffffff"/>
    
                <CheckBox
                    android:id="@+id/ck_xian"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_centerHorizontal="true"
                    android:text="显示密码"
                    android:gravity="center"
                    android:textColor="#ffffff"/>
    
                <TextView
                    android:id="@+id/tv_name"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:textColor="#ffffff"
                    android:gravity="center"
                    android:layout_marginTop="8dp"
                    android:layout_alignParentRight="true"
                    android:text="注册账号"/>
    
            </RelativeLayout>
    
    
        </LinearLayout>
    
        <Button
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginLeft="65dp"
            android:layout_marginRight="65dp"
            android:layout_marginTop="15dp"
            android:background="#009393"
            android:text="登录"
            android:onClick="log"
            android:textColor="#ffffff"
            android:textSize="20sp"/>
    
    </LinearLayout>

     

    好了,写到这里你就可以运行一下自己的应用,就会发现你也有这样的登录界面,注明一点:最外层的线性布局的背景就是最开始咱们写的那个文件,引用一下就好了,欢迎大家在这里相互交流。

     

     

     

     

    展开全文
  • html\js\jquery好看的登录界面,只要更换表单提交的值就可以直接使用
  • 尝试模仿一个好看的登录界面 某日,本菜鸡在b站上看到了一个简洁美观的登录界面。顿时两眼放光,啪的一下,很快啊!打开了HBulider。决定跟着大佬up主的视频模仿一个差不多的界面,顺便学习一些新的CSS样式。 附上B...

    尝试模仿一个好看的登录界面

    某日,本菜鸡在b站上看到了一个简洁美观的登录界面。顿时两眼放光,啪的一下,很快啊!打开了HBulider。决定跟着大佬up主的视频模仿一个差不多的界面,顺便学习一些新的CSS样式。

    附上B站视频链接

    这是本菜鸡粗劣的模仿作品:

    菜鸡的模仿作品

    代码如下

    HTML部分

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>登录界面</title>
        <link rel="stylesheet" href="style.css">
    </head>
    <body>
      <div class="content">
          <div class="header"><p>Login</p></div>
          <div class="item">
              <input type="text"placeholder="USERS NAME" class="input_item">
    		  <input type="text" name="phonenumber" placeholder="PHONE NUMBER" maxlength="11"  class="input_item" >
              <input type="password" name="password"  placeholder="PASSWORD" maxlength="16" class="input_item">
    		  <button type="button" onclick="alert('逻辑实现?不存在的!')" class="Login">Login</button>
              <div class="signup">Don't have account?&nbsp;&nbsp;<a href="#">Sign up</a>
      </div>  
    </body>
    </html>
    

    CSS部分

    *{
       padding: 0;
       margin: 0;
       position: relative; 
    }
    html{
        height: 100%;
    }
    body{
        height: 100%;
    	background-image: linear-gradient(to top,#86fde8,#acb6e5);
    }
    .content{
    	width: 450px;
    	height: 600px;
    	left: 50%;
    	top: 50%;
    	transform: translate(-50%,-50%);
    }
    .header{
    	width: 100%;
    	border-radius: 15px 15px 0px 0px;
    	background-color: white;
    /* 	color: aquamarine; */
        text-align: center;
    	font-size: 35px;
    	font-weight: bold;
    	line-height: 250px;
    	letter-spacing: 5px;
    }
    .item{
    	text-align: center;
    	width: 100%;
    	height: 350px;
    	background-color: white;
    	border-radius: 0px 0px 15px 15px;
    }
    .input_item{
    	width: 350px;
    	display: block;
    	height: 50px;
    	font-size:15px;
    	margin-left: 50px;
    	margin-bottom: 20px;
    	border: 0;
    	border-bottom: 2px solid rgb(128,125,125);
    	text-indent: 15px;
    	outline: none;
    }
    .Login{
    	font-size: 15px;
    	margin-top: 15px;
    	width: 350px;
    	height: 40px;
    	background-color: #badffb;
    }
    .signup{
    	margin-top: 15px;
    	font-weight: 600;
    }
    .signup a{
    	text-decoration-line: none;
    }
    .signup a:visited{
    	color: blue;
    }
    .signup a:hover{
    	color: coral;
    }
    

    笔记:

    如何让页面充满整个屏幕

     html{
    	 height: 100%;
     }
     
     body{
    	 height: 100%;
     }
    

    ( 为html标签设置height是为了让body标签设置height 从而实现充满屏幕的效果)

    设置boxsizing:border-box;
    把内容限制在元素内,防止元素内容溢出,如果内容溢出,内容看上去就向右偏移
    (width = 100%是该元素的宽度等于父元素的宽度,没有把padding和border算在内)

    为该部分内容设置渐变背景颜色

    background-image: linear-gradient(to top,#86fde8,#acb6e5);
    

    to right – 从左向右
    to top – 从下到上
    to left – 从右到左
    to bottom — 从上到下(默认值)

    为内容设置字体样式(可设置多种样式,当写在前的样式在用户电脑无法显示时,自动按后面的样式显示)
    font-family:

    调整内容中文字间距
    letter-spacing:

    描出元素的边框(可设置颜色和样式)
    outline:

    在输入框内显示的半透明提示词

    placeholder="提示词"
    

    总结:

    CSS真是一个神奇的东西,在欣赏了各大平台大佬用CSS做出来的各种好看的样式以后,本菜鸡感叹道:CSS学好了是真的能玩出花来······(CSS不易,菜鸡叹气)

    展开全文
  • 大家用,这个我也是从别地方拿过来用。有问题私我q1029391519,界面还是挺美观
  • 一个好看的登录界面 代码非常简单,更改主体背景在body里更改属性,其余的文字在对应位置修改即可。页面效果展示如下: jsp界面代码附上: <%@ page language="java" contentType="text/html; charset=UTF-8" ...

    一个好看的登录界面

    代码非常简单,更改主体背景在body里更改属性,其余的文字在对应位置修改即可。页面效果展示如下:在这里插入图片描述
    jsp界面代码附上:

    <%@ page language="java" contentType="text/html; charset=UTF-8"
        pageEncoding="UTF-8"%>
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <title>教务登录系统</title>
    <style>
    	body{
    		background: darkkhaki;
    	}
    </style>
    </head>
    <body text="blue">
    	<hr size="3px" color="red" width="100%"/>
    	<div align="center"><font size="20px">XX大学</font></div>
    	<hr size="3px" color="red" width="100%"/>
    	<br><br><br><br><br><br><br><br><br><br>	
    	<form action="Page02.jsp">
    		<table align="center" width="600px" bgcolor="pink" height="320px">
    			<tr><th colspan="600px" height="120px" align="center"><font size="5px" color="darkred">教务登录系统</font></th></tr>
    			<tr><td colspan="600px" height="50px" align="center"><input type="text" name=userName placeholder="请输入账号"></td></tr>
    			<tr><td colspan="600px" height="50px" align="center"><input type="password" name=userPwd placeholder="请输入密码"></td></tr>
    			<tr><th width="260px" height="40px" align="right"><input type="submit" value="登录"></th><th width="118px" align="right"><input type="reset" value="重置"></th><th></th><th></th></tr>
    			<tr><th height="60px"></th></tr>
    		</table>
    	</form>
    </body>
    </html>
    
    展开全文
  • Android 好看的登录界面

    千次阅读 2019-07-31 23:50:34
    例图1: 例图2: 例图3: 例图4: 例图5:

    例图1:

     例图2:

      例图3:

     例图4: 

     例图5: 

     

    展开全文
  • html实现一个好看的登录界面

    千次阅读 2020-01-12 19:06:08
    <%@ page contentType="text/html;charset=UTF-8" language="java" %> <html> <head> <...登录</title> </head> <style> body{ background-image: url(...
  • 自从上次给大家分享仓库管理系统以后就再也没有发过了,趁着这个假期我在发点我们做项目给大家参考参考
  • 【HTML】一个好看的登录界面

    千次阅读 2020-03-11 15:55:00
    效果图 HTML: <!doctype html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=drive-width,initial-scale=1.0"> <meta http-equiv="X-UA-Co...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 392
精华内容 156
关键字:

好看的登录界面