一个登录界面

╰+哭是因爲堅強的太久メ 2022-06-13 09:07 254阅读 0赞

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

![1333377934_1580.jpg][]直接附代码：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<title>CSS登录界面</title>

<meta name="Generator" content="EditPlus">

<meta name="Author" content="">

<meta name="Keywords" content="">

<meta name="Description" content="">

<style type="text/css">

body\{margin:0;padding:0;font-size:12px;\}

div.login\{width:340px;height:200px;border:1px solid \#c0c0c0;margin-left:300px;

margin-top:150px;background:\#e6e6e6\}

div.register\{margin:10px;\}

table\{margin-left:10px;\}

input\{width:240px;\}

input.check\{width:100px;\}

td img\{margin-left:20px;\}

span\{margin-left:20px;font-size:12px;color:red;\}

div.copyright

\{

font-family:"Myriad Pro","MyriadWeb","Tahoma","Helvetica","Arial",sans-serif;

color:\#aaaaaa;

font-size:12px;

text-align:center;

padding-top:2px;

\}

</style>

</head>

<body>

<div class="login">

<div class="register"><img src="images/register.png" /></div>

<div class="table">

<table>

<tr>

<td>用户名:</td>

<td><input type="text" class="username" /></td>

</tr>

<tr>

<td>密码:</td>

<td><input type="password" class="passwd" /></td>

</tr>

<tr>

<td>验证码:</td>

<td><input type="text" class="check" /><img src="images/login.jpg" /></td>

</tr>

<tr>

<td></td>

<td><img src="images/ZR04.gif" /><img src="images/ZR05.gif" /><span>密码错误!</span></td>

</tr>

</table>

</div>

<div class="copyright">

CopyRight&nbsp;BoiaWang

</div>

</div>

</body>

</html>

代码还有待优化，时间比较急，快熄灯了，本来想弄个圆角边框的，但想想css2圆角的繁琐和复杂（虽然也不是很复杂吧），但还是留给大家发挥吧

[1333377934_1580.jpg]: https://img-my.csdn.net/uploads/201204/02/1333377934_1580.jpg

发表评论取消回复

表情：

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

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

相关阅读

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

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

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

相关 QQLoginFrame 登录界面

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

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

相关一个登录界面

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

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

相关 java 登录界面

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

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

相关登录界面

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

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

相关 python的GUI之一个简单的登录界面

self代表这个类，所以要注意self的用法先总结一下遇到的错误： python positional argument follows keyword argum

àì夳堔傛蜴生んèń/ 2022年04月05日 05:29/ 0 赞/ 319 阅读

相关 django做一个注册登录界面

一、基于sb-admin模板完成以下登录的逻辑用户想要访问一个网页，首先要求注册账号，有了账号之后再去登录，才能访问网站的主页 1.先说以下用户注册的逻辑： r

末蓝、/ 2022年02月23日 03:46/ 0 赞/ 528 阅读

相关一个基于html,css,js,JQuery的登录界面

GitHub地址：https://github.com/BgirlStar/myTest\_final 作业需求：[![wKioL1jfcEvSzKTPAABKVx

超、凢脫俗/ 2022年01月09日 15:25/ 0 赞/ 189 阅读

相关一个简单的form表单登录界面

这个表单挺不错的，适合大多数登录了，分享一下 ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9i

逃离我推掉我的手/ 2021年11月19日 13:32/ 0 赞/ 447 阅读

相关 Android登录界面

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

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