<!doctype html>

 <html>

     <head>

     <title>EasyMall注册界面</title>

     <meta http-equiv="content-type" content="text/html" charset="utf-8">

     <link rel="stylesheet" href="D:/MyEclipse 10/day02/regit/css/regit.css">

     </head>

     <body>

     <h1>欢迎注册EasyMall</h1>

     <form action="#" method="post">

     <table>

     <tr>

         <td class="td_txt">用户名：</td>

         <td><input type="text" name="usrename"></td>

     </tr>

     <tr>

         <td class="td_txt">密码：</td>

         <td><input type="password" name="password"></td>

     </tr>

     <tr>

         <td class="td_txt">确认密码：</td>

         <td><input type="password" name="password1"></td>

     </tr>

     <tr>

         <td class="td_txt">昵称：</td>

         <td><input type="text" name="nickname"></td>

     </tr>

     <tr>

         <td class="td_txt">邮箱：</td>

         <td><input type="text" name="email"></td>

     </tr>

     <tr>

         <td class="td_txt">验证码：</td>

         <td><input class="td1" type="text" name="yzm">

         <img alt="图片加载失败" src="D:\MyEclipse 10\day02\regit\img\yzm.jpg"></td>

     </tr>

     <tr>

         <td colspan="2" class="td"><input type="submit" value="注册用户"></td>

     </tr>

     </table>

     </form>

     </body>

 </html>

 body{

     background-image: url("D:/MyEclipse 10/day02/regit/img/zc.jpg");

     background-repeat: no-repeat;

     font-family: "微软雅黑";

     background-position: top;

 }

 h1{

     text-align:center;

     margin-top: 190px;

     margin-bottom: 30px;

     color:#990000;

 }

 table{

     /*text-align:center;*/

     margin:0px auto;

 }

 table tr td.td_txt{

     text-align: right;

     font-size: 18px;

 }

 .td1{

     width:80px;

     vertical-align: middle;

 }

 .td1+img{

     vertical-align:middle;

 }

 table tr td.td{

     text-align: center;

 }

 input{

     width:150px;

     height:22px;

     border-color: #ccc;

 }

 input[type="submit"]{

     background-color:red;

     border:none;

     width:127px;

     height:44px;

     font-size: 20px;

     color:white;

     font-weight: bolder;

 }

 input[type="submit"]:hover{

     background-color:blue;

 }

 input[type="submit"]:active{

     background-color: green;

 }

 input[type="submit"]:visited{

     background-color: pink;

 }

css给html添加效果的更多相关文章

  1. 实用js+css多级树形展开效果导航菜单

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  2. 不可思议的纯 CSS 实现鼠标跟随效果

    直接进入正题,鼠标跟随,顾名思义,就是元素会跟随着鼠标的移动而作出相应的运动.大概类似于这样: 通常而言,CSS 负责表现,JavaScript 负责行为.而鼠标跟随这种效果属于行为,要实现通常都需要 ...

  3. 不可思议的纯 CSS 滚动进度条效果

    结论先行,如何使用 CSS 实现下述滚动条效果? 就是顶部黄色的滚动进度条,随着页面的滚动进度而变化长短. 在继续阅读下文之前,你可以先缓一缓.尝试思考一下上面的效果或者动手尝试一下,不借助 JS , ...

  4. css冻结列的效果

    <!DOCTYPE html><html lang="zh-cn"><head><meta charset="utf-8&quo ...

  5. css超出一行添加省略号属性:text-overflow和white-space

    通过使用text-overflow和white-space属性来使文本在一行内显示,超出则加省略号,添加如下html代码: <p>前端开发博客专注前端开发和技术分享,如果描述超过100像素 ...

  6. 我给女朋友讲编程CSS系列(1) –添加CSS样式的3种方式及样式表的优先权

    如果说,原生态就是美,那么,我们就没有必要穿衣打扮. 网页是什么? 说白了,网页就是一堆[html标签]有序的搭配,让[CSS属性值]整整容,请[Javascript语言]处理一下事件. 一个人的整容 ...

  7. animate.css引入实现动画效果

    最近在网上看到很多代码都通过引入animate.css来实现动画效果,后来我便使用这种方法来尝试着写了个小案例,结果真的很好用,比我们通常情况下使用css或js实现动画效果好得多,便在此做个总结. 第 ...

  8. 有趣的css—简单的下雨效果2.0版

    简单的下雨效果2.0版 前言 笔者上一篇发布的文章有趣的css-简单的下雨效果中有位老哥给我提了一个很棒的建议,大致意思是波纹应该产生于雨滴的消失处. 这是按照老哥的建议完善后的效果图: 由于我制作G ...

  9. 原生JS、CSS实现的转盘效果（目前仅支持webkit）

    这是一个原生JS.CSS实现的转盘效果(题目在这:http://www.cnblogs.com/arfeizhang/p/turntable.html),花了半个小时左右,准备睡觉,所以先贴一段代码, ...

随机推荐

  1. 怎么批量删除qq空间说说

    1.打开自己的QQ空间 - 说说——右击说说审查元素,打开审查元素.或者直接按f12也可以. 2.在这里我们看到很多分类 3.点击 Console,进入Console项 4.粘贴删除说说的代码,代码为 ...

  2. 关于 IIS 的 Management Service Delegation 配置 备份

    在MSDN没找到关于使用APPCMD备份IIS的"Management Service Delegation"模块配置命令. 到IIS的配置文件存放目录下,几番搜索,查到%wind ...

  3. varnish 相关说明

    一.关于Varnish Varnish 是一款高性能且开源的反向代理服务器和 HTTP 加速器,其采用全新的软件体系机构,和现在的硬件体系紧密配合,与传统的 squid 相比,varnish 具有性能 ...

  4. JavaWeb三大组件

    一.JavaWeb三大组件 Servlet,Listener,Filter.它们在JavaWeb开发中分别提供不同的功能. JavaWeb三大组件都必须在Web.xml中配置 二.三大组件 1.Ser ...

  5. 字符和字符串在Java中的旅程

    以下是个人对java中字符和字符串的见解,如有疏漏之处,还请不吝赐教. 下面通过一个简单的程序来说明字符和字符串在Java中的旅程. 以字符 ' 中 '为例, 它的GBK编码是2个字节:0xd6d0, ...

  6. top命令详解不完整的地方欢迎评论

    第一行: top - 20:42:47 up 57 days,  1:25,  4 users,  load average: 0.00, 0.00, 0.00 现在时间20:42:47,启动了57 ...

  7. linux编译链接找不到库文件的解决方法。

    今天编译出现ld: 0706-006 Cannot find or open library file: -l xerces-c_static,ld:open(): A file or directo ...

  8. Nodejs运行错误小结

    (迁移自旧博客2017 04 15) 在使用过程中会遇到一些问题,学习过程中不定期更新. 问题一 错误如下 **events.js:72 throw er; // Unhandled 'error' ...

  9. 解决 Cannot get IBus daemon address 问题

    参考: Cannot get IBus daemon address 解决 Cannot get IBus daemon address 问题 在 Ubuntu 14.04 系统下使用 TexMake ...

  10. http压测工具wrk使用

    安装 wrk支持大多数类UNIX系统,不支持windows.需要操作系统支持LuaJIT和OpenSSL,不过不用担心,大多数类Unix系统都支持.安装wrk非常简单,只要从github上下载wrk源 ...