zoukankan      html  css  js  c++  java
  • 办公OA的登陆界面..

    <%@ page language="java" contentType="text/html; charset=UTF-8"
        pageEncoding="UTF-8"%>
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <style type="text/css">
    .aaa
    {
        200px;
       height:35px;
       line-height:35px; 
       background-color:#e24d04;
       color:white;
       text-align:center;
       border-radius: 3px;
       cursor: pointer;
    }
    .aaa:hover
    {
       background-color:#d84903;
    }
    
    </style>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>Insert title here</title>
    <!-- 注意倒包顺序,不要随便,按照如下步骤来 -->
    <!-- 1.导入JQuery的js包 -->
    <script type="text/javascript" src="jquery-easyui-1.4.4/jquery.min.js"></script>
    
    <!-- 2.导入css资源 -->
    <link rel="stylesheet" type="text/css" href="jquery-easyui-1.4.4/themes/default/easyui.css" >
    
    <!-- 3.导入图标资源  -->
    <link rel="stylesheet" type="text/css" href="jquery-easyui-1.4.4/themes/icon.css" >
    
    <!-- 4.导入easyUI的js包 -->
    <script type="text/javascript" src="jquery-easyui-1.4.4/jquery.easyui.min.js"></script>
    
    <!-- 5.本地语言 -->
    <script type="text/javascript" src="jquery-easyui-1.4.4/locale/easyui-lang-zh_CN.js"></script>
    </head>
    <body style="padding: 0px;margin: 0px" background="image/login.jpg">
    <div style="height: 650px; 1366px">
        <div style="height:300px;300px;
             margin-left: 800px;margin-top:270px; border-radius:8px">
           <form action="">
              <input class="easyui-textbox" data-options="iconCls:'icon-man',iconAlign:'left',prompt:'登录名'"
                     style=" 200px;height:35px;line-height: 35px"><br><br>
              
              <input class="easyui-textbox" type="password" data-options="iconCls:'icon-lock',iconAlign:'left',prompt:'密   码'"
                     style=" 200px;height:35px;line-height: 35px"><br><br>                 
                     
              <div class="aaa">登      陆</div>
              
           </form> 
        </div>
    </div>
    
    </body>
    </html>

  • 相关阅读:
    java面向对象day01
    找工作——JVM内存管理
    找工作——多线程
    找工作-——网络IO
    找工作--volatile
    找工作——异常处理
    找工作--设计模式
    Sqoop安装
    NIO
    Hadoop源码编译
  • 原文地址:https://www.cnblogs.com/diaozhaojian/p/6182175.html
Copyright © 2011-2022 走看看