使用HTML和CSS写登录界面
来源:互联网 发布:电子文档软件 编辑:程序博客网 时间:2024/06/05 04:49
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>登录</title> <style type="text/css"> .h3_1 { font-size: 30px; color: red; } .h3_1 b { font-size: 20px; color: blue; } .table_1 { font-size: 30px; color: blue; } .input_1{ width: 130px; height: 25px; } .input_2{ width: 110px; height: 25px; } a{ text-decoration: none; } .h3_2{ font-size: 25px; } .img_1{width: 32px;border-radius: 50%;overflow: hidden;} </style></head><body> <h3 class="h3_1"> HealingHands <b>healinghands网页</b></h3> <hr size="2" noshade="noshade" width="100%"> <br><br><br><br><br> <form action="index.html"> <table border="1" cellpadding="10" cellspacing="0" align="center" width="500px"> <caption class="table_1">登录HealingHands</caption> <tr> <td rowspan="3" style="width: 235px;"></td> <td style="font-size: 20px;height: 30px;">账 号:<input type="text" name="" value="" maxlength="15" class="input_1"> </td> </tr> <tr> <td style="font-size: 20px;height: 30px;">密 码:<input type="password" name="" value="" maxlength="12" class="input_1"> </td> </tr> <tr> <td style="font-size: 20px;height: 30px;">验证码:<input type="text" name="" value="" class="input_2"></td> </tr> <tr> <td colspan="2" align="center"> -------第三方登录-------<br> <a href="#"><img src="QQ_Logo.jpg" alt="QQ_Logo" class="img_1"></a> <a href="#"><img src="微博_Logo.jpg" alt="微博_Logo" class="img_1"></a> <a href="#"><img src="微信_Logo.jpg" alt="微信_Logo" class="img_1"></a> <a href="#"><img src="支付宝_Logo.jpg" alt="支付宝_Logo" class="img_1"></a> </td> </tr> <tr bgcolor="#999999"> <td colspan="2" align="center"> <input type="submit" name="" value="登 录" style="font-size: 20px;color:blue;background-color: #adeaea;width: 70px;"> <form action="login.html"> <input type="submit" name="" value="取 消" style="font-size: 20px;color:blue;background-color: #adeaea;width: 70px;"> </form> </td> </tr> </table> </form> <br><br><br><br><br><br><br><br><br> <h3 class="h3_2"><a href="index.html" target="parent">主页</a> | 登录</h3></body></html>
结果展示:
阅读全文
0 0
- 使用HTML和CSS写登录界面
- 使用HTML/CSS写注册界面
- html+css实现登录界面
- html 写的一个登录界面
- 用HTML和css写的界面适应手机界面小结
- html css 优酷客户端视频界面仿写 rem swiper flex使用
- #学习笔记#(3)会员管理系统登录界面HTML+CSS
- 纯HTML+CSS静态百度登录界面制作
- 仿qq邮箱登录界面(html+css)
- 如何使用HTML&CSS写一个三角形。
- HTML登录界面
- HTML之登录界面
- Emacs encoding-mode写HTML和CSS
- Html和CSS的使用
- 使用zepto.js,纯JS写的登录界面
- 使用html表格布局做一个企业邮箱登录界面
- 使用HTML做手机端的登录界面
- css和js实现弹出登录居中界面
- 201710032350->unity中ui窗体基本生命周期
- 浅谈 JavaScript array.sort(compare()) 实现原理.
- html基本概念
- RCNN学习笔记(1)-RCNN-Rich feature hierarchies for accurate object detection and semantic segmentation论文
- 一个alpha量化的开源项目--Signal_Report_Platform(单因子测试报告)
- 使用HTML和CSS写登录界面
- Spring入门(Schema-based AOP其四)
- 自然数n的数列 字典排序:求给定排列的下一个排列
- 10月3日 c语言 输入4*5矩阵
- GitBash Vim 启动失败 Vim: Caught deadly signal SEGV
- bzoj1051 [HAOI2006]受欢迎的牛
- 深度学习基础(五)--聚类
- Maven工程中nexus私服配置
- C++的静态成员函数指针