登录界面

分手后的思念是犯贱 2022-05-09 08:20 425阅读 0赞

<!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="utf-8" />
    		<title></title>
    		<style>
    			body{
    				background-color:lavender;
    			}
    			.text{
    				width: 220px;
    				height: 50px;
    				text-align: center;
    				border-radius: 40px;    /*目标元素四角都为4px的圆角*/
    				margin: 0 0 0 48px;
    			}
    			h1{
    				color: white;
    				font-size: 80px;
    				font-family:Calibri;
    				margin: 0 0 -4px 0;
    			}
    		#submit{
    			width: 75px;
    			height: 40px;
    			font-size: 18px;
    			font-family:"微软雅黑";	
    			background: none;
    			border-radius: 10px; 
    			margin: 20px 0 0 125px;
    		}	
    		#submit:hover{
    			background-color:white ;
    			cursor:pointer;
    		}
    		form{
    			position: absolute;
    			left: 480px;
    			top: 150px;
    		}
    		input:focus{
    			outline: none;
    			box-shadow: 0.5px 0.5px 1px 1px pink;
    			background: none;
    		}
    		</style>
    	</head>
    	<body>
    			
    			<form  method="post">
    			<h1>Welcome</h1>
    			<p><input type="text" class="text" name="zhanghao" placeholder="请输入账号" required/></p>
    			<input type="password" class="text" name="mima" placeholder="请输入密码" required/>
    			<br><input type="submit" name="submit" id="submit"  value="登录"/></br>
    		</form>
    	</body>
    </html>

![70][]

[70]: /images/20220509/ec5a89eb140e4b0296fc9f7e4a85d46f.png

发表评论取消回复

表情：

评论列表（有 0 条评论，425人围观）

还没有评论，来说两句吧...

相关阅读

相关 vue登录界面

在 Vue.js 中创建登录界面通常包括以下几个步骤： 1. 在 Vue.js 项目中安装并引入所需的依赖，例如 vue-router 和 vuex(如果需要状态管理)。

男娘i/ 2024年03月25日 11:34/ 0 赞/ 50 阅读

相关 pyqt5登录界面设计——模仿qq登录界面，可登录注册（数据库）

pyqt5登录界面设计——模仿qq登录界面一、简单易用的可直接登录的界面——账号密码程序写死 1.1、效果图： 1.2、视频效果图

淡淡的烟草味﹌/ 2022年12月29日 09:47/ 0 赞/ 313 阅读

相关 HTML+CSS登录界面

效果图 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9

矫情吗；*/ 2022年11月13日 12:22/ 0 赞/ 175 阅读

相关 QQLoginFrame 登录界面

package com.hbqy.LoginFrameUI.lixinghai; import java.awt.BorderLayout; import jav

爱被打了一巴掌/ 2022年07月24日 06:16/ 0 赞/ 122 阅读

相关一个登录界面

今天浏览网页的时候看到一个挺好看的网页登录界面，自己就模仿了一下，纯粹的web2.0，样式也只是css2.0，先截个图

╰+哭是因爲堅強的太久メ/ 2022年06月13日 09:07/ 0 赞/ 228 阅读

相关 Android登录界面设计

Android登录界面设计这是之前项目的一个界面，现在抽出来給大家看看。界面： ![1][] 功能：（1）基本的判断，输入的是否为空这里没有判

太过爱你忘了你带给我的痛/ 2022年06月09日 08:42/ 0 赞/ 238 阅读

相关 java 登录界面

package xiangmu; import java.awt.Button; import java.awt.Frame;

迷南。/ 2022年05月20日 03:40/ 0 赞/ 220 阅读

相关登录界面

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title><

分手后的思念是犯贱/ 2022年05月09日 08:20/ 0 赞/ 426 阅读

相关 activitymq 登录界面地址

activitymq 登录界面地址：[http://IP:8161/admin][http_IP_8161_admin] 用户名：admin 密码：admin act

深碍√TFBOYSˉ_/ 2022年01月22日 06:59/ 0 赞/ 486 阅读

相关 Android登录界面

一界面设计 1 代码 <?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:andro

朴灿烈づ我的快乐病毒、/ 2021年09月30日 14:14/ 0 赞/ 475 阅读