table+css与xhtmL+css实现同一登陆框(代码片段)
1、从网上下载了一个不错的登录框样式(table结合css布局);
2、初学xhtmL,自己改写了一下,希望有用
3. 我怎么不会上传截图呢?
1. [代码]xhtml_css组合
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>form表单—xhtml_css表示</title>
<style type="text/css">
body,h2,h3,p,img,dl,dd,ul, ol,li{margin:0;padding:0;border:none;font-size:12px;color:#666}
body{margin:0 auto;font-family: verdana, tahoma, sans-serif;}
ul,ol,li{ list-style:none}
a{text-decoration:none; color:#666}
a:hover{ color:#F60; }
.login { width:180px; padding:15px 10px;}
.login fieldset{ border:0; margin:0px; padding:0px;}
.login legend{ display:none}
.login_title,.login_item,.login_footer{ margin-top:8px;}
.login_title p,.login_item .input_user,.login_item .input_pwd,.login_footer .login_btn{ margin-top:6px;}
.login_title h3{ height:20px; padding-top:5px; font-size:10px;font-weight:bold; background-color:#F4F4F4}
.login_title img{ width:16px; height:16px; }
.login_title p{ font-size:12px;color:#666666}
.login_item label{ display:block;}
.login_item input{background:#FFFFFF;border:1px solid #CCCCCC;color:#000000;font-size:0.95em;}
.login_item .input_user{background-image:url(images/username.gif);background-position:1px 1px;background-repeat:no-repeat;padding-left:20px;height:20px;FONT-SIZE:12px;}
.login_item .input_pwd{background-image:url(images/password.gif);background-position:1px 1px;background-repeat:no-repeat;padding-left:20px;height:20px;FONT-SIZE:12px;}
.login_footer p{font-size:10px;color:#F60}
.login_footer .login_btn{width:85px;}
</style>
</head>
<body>
<div class="login">
<form id="" name="" action="" method="post">
<fieldset>http://www.huiyi8.com/gongzuozongjie/
<legend>登陆</legend>
<div class="login_title">
<h3><b>+用户登录</b></h3>
<P><img src="data:images/warning.gif" align="absmiddle">请输入登陆的用户和密码</P>
</div>工作总结
<div class="login_item">
<label for="form_user">用户名:</label>
<input type="text" class="input_user" name="form_user" id="form_user" value="" tabindex="1" />
</div>
<div class="login_item">
<label for="form_pwd">密 码:</label>
<input type="text" class="input_pwd" name="form_pwd" id="form_pwd" value="" tabindex="2" />
</div>
<div class="login_footer">
<p>忘记密码?</p>
<input type="submit" class="login_btn" value="登 录" tabindex="3" />
</div>
</fieldset>
</form>
</div>
</body>
</html>
最新文章
- SQL Server性能调优系列
- 检查点(Checkpoint)过程如何处理未提交的事务
- 详解使用icomoon生成字体图标的方法并应用
- 2016";百度之星"; - 初赛(Astar Round2A)Gym Class(拓扑排序)
- python web编程-概念预热篇
- andorid 自定义seekbar
- S3C2440 LCD驱动(FrameBuffer)实例开发<;一>;(转)
- Android开发之扫描附近wifi热点并列表显示
- 『转』MarsEdit快速插入源代码
- Log4j 2翻译 Garbage-free Steady State Logging(稳定的以不会生成垃圾的状态来记录日志)
- 51NOD 1376 最长递增子序列的数量 [CDQ分治]
- RT throttling分析【转】
- continue — Skip to the next iteration of a loop in a shell script
- 编辑datagridview单元格
- 【IDEA&;&;Eclipse】1、为何 IntelliJ IDEA 比 Eclipse 更适合于专业java开发者
- 树行控件TreeView 在WinForm下 怎么实现重命名功能
- FNDLOAD Commands to Download Different Seed Data Types. (DOC ID 274667.1)
- 利用 ICEpdf 快速实现 pdf 文件预览功能
- Django学习笔记之Models与ORM操作
- 洛谷——P1609 最小回文数
热门文章
- sparkStreaming的mapWithState函数【案例二】
- spring+springMVC+hibernate整合
- windows_64下python下载安装Numpy、Scipy、matplotlib模块
- 在数组中的两个数字,如果前面一个数字大于后面的数字,则这两个数字组成一个逆序对。输入一个数组,求出这个数组中的逆序对的总数P。并将P对1000000007取模的结果输出。 即输出P%1000000007
- 《TomCat与Java Web开发技术详解》(第二版) 第四章节的学习总结--常用Servlet API
- protobuf编译安装
- DMP
- saltstack之文件管理
- 查找 TextBox 对象中非法数据的示例
- hiho一下 第115周:网络流一•Ford-Fulkerson算法 (Edmond-Karp,Dinic,SAP)