一个登录界面

╰+哭是因爲堅強的太久メ 2022-06-13 09:07 256阅读 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 条评论，256人围观）

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

相关阅读

相关用python语言编写一个登录界面

用 Python 语言编写一个登录界面可以通过使用简单的函数和用户输入来实现。首先，需要定义一个函数，该函数可以接受用户输入的用户名和密码，并进行验证。其次，可以定义一个循环，

蔚落/ 2024年03月25日 13:21/ 0 赞/ 86 阅读

相关用Vue 写一个登录界面

Vue 是一个轻量级的 JavaScript 前端框架，可以方便地构建用户界面。下面是如何使用 Vue 写一个登录界面的示例： 1. 安装 Vue CLI： np

爱被打了一巴掌/ 2024年03月25日 04:37/ 0 赞/ 95 阅读

相关写一个javaweb登录界面

好的，我来为你写一个 Java Web 登录界面。首先，你需要在 HTML 中创建一个表单，其中包含用户名和密码输入框以及登录按钮： <form action="

蔚落/ 2023年10月08日 17:44/ 0 赞/ 4 阅读

相关写一个flask用户登录界面

在 Flask 中实现用户登录界面，你需要做以下步骤： 1. 创建一个 Flask 应用。 2. 在应用中创建一个路由，用于展示登录界面。 3. 在路由中渲染登录界面的

谁借莪１个温暖的怀抱￠/ 2023年10月08日 17:41/ 0 赞/ 45 阅读

相关一个登录界面

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

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

相关 java 登录界面

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

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

相关登录界面

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

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

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

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

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

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

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

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

相关 Android登录界面

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

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