新建
上传
首页
助手
最?/div>
资料?/div>
工具

 

 

 

 

这篇文章主要为大家详细介绍了

Html

制作简单而漂亮的登录页面具体代码,具有一?/p>

的参考价值,感兴趣的小伙伴们可以参考一?/p>

 

 

 

html

源码?/p>

 

 

 

XML/HTML Code 

 

 

<!DOCTYPE html>   

 

 

<html lang="en">   

 

 

<head>   

 

 

    <meta charset="UTF-8">   

 

 

    <title>Login</title>   

 

 

    <link rel="stylesheet" type="text/css" href="Login.css"/>   

 

 

</head>   

 

 

<body>   

 

 

    <div id="login">   

 

 

        <h1>Login</h1>   

 

 

        <form method="post">   

 

 

  

  

  

  

  

  

<input 

type="text" 

required="required" 

placeholder="

用户?/p>

" name="u"></input>   

 

 

  

  

  

  

  

  

<input 

type="password" 

required="required" placeholder="

密码

" name="p"></input>   

 

 

            <button class="but" type="submit">

?/p>

?/p>

</button>   

 

 

        </form>   

 

 

    </div>   

 

 

</body>   

 

 

</html>   

 

 

css

代码?/p>

 

 

 

CSS Code 

 

 

html{    

 

 

    width: 100%;    

 

 

    height: 100%;    

 

 

    overflow: hidden;    

 

 

    font-style: sans-serif;    

 

 

}    

 

 

body{    

 

 

    width: 100%;    

 

 

    height: 100%;    

 

 

    font-family: 'Open Sans',sans-serif;    

 

 

    margin: 0;    

 

 

    background-color: #4A374A;    

 

 

}    

 

 

#login{    

 

 

    position: absolute;    

Ͼλ
新建
上传
首页
助手
最?/div>
资料?/div>
工具

 

 

 

 

这篇文章主要为大家详细介绍了

Html

制作简单而漂亮的登录页面具体代码,具有一?/p>

的参考价值,感兴趣的小伙伴们可以参考一?/p>

 

 

 

html

源码?/p>

 

 

 

XML/HTML Code 

 

 

<!DOCTYPE html>   

 

 

<html lang="en">   

 

 

<head>   

 

 

    <meta charset="UTF-8">   

 

 

    <title>Login</title>   

 

 

    <link rel="stylesheet" type="text/css" href="Login.css"/>   

 

 

</head>   

 

 

<body>   

 

 

    <div id="login">   

 

 

        <h1>Login</h1>   

 

 

        <form method="post">   

 

 

  

  

  

  

  

  

<input 

type="text" 

required="required" 

placeholder="

用户?/p>

" name="u"></input>   

 

 

  

  

  

  

  

  

<input 

type="password" 

required="required" placeholder="

密码

" name="p"></input>   

 

 

            <button class="but" type="submit">

?/p>

?/p>

</button>   

 

 

        </form>   

 

 

    </div>   

 

 

</body>   

 

 

</html>   

 

 

css

代码?/p>

 

 

 

CSS Code 

 

 

html{    

 

 

    width: 100%;    

 

 

    height: 100%;    

 

 

    overflow: hidden;    

 

 

    font-style: sans-serif;    

 

 

}    

 

 

body{    

 

 

    width: 100%;    

 

 

    height: 100%;    

 

 

    font-family: 'Open Sans',sans-serif;    

 

 

    margin: 0;    

 

 

    background-color: #4A374A;    

 

 

}    

 

 

#login{    

 

 

    position: absolute;    

">
新建
上传
首页
助手
最?/div>
资料?/div>
工具

 

 

 

 

这篇文章主要为大家详细介绍了

Html

制作简单而漂亮的登录页面具体代码,具有一?/p>

的参考价值,感兴趣的小伙伴们可以参考一?/p>

 

 

 

html

源码?/p>

 

 

 

XML/HTML Code 

 

 

<!DOCTYPE html>   

 

 

<html lang="en">   

 

 

<head>   

 

 

    <meta charset="UTF-8">   

 

 

    <title>Login</title>   

 

 

    <link rel="stylesheet" type="text/css" href="Login.css"/>   

 

 

</head>   

 

 

<body>   

 

 

    <div id="login">   

 

 

        <h1>Login</h1>   

 

 

        <form method="post">   

 

 

  

  

  

  

  

  

<input 

type="text" 

required="required" 

placeholder="

用户?/p>

" name="u"></input>   

 

 

  

  

  

  

  

  

<input 

type="password" 

required="required" placeholder="

密码

" name="p"></input>   

 

 

            <button class="but" type="submit">

?/p>

?/p>

</button>   

 

 

        </form>   

 

 

    </div>   

 

 

</body>   

 

 

</html>   

 

 

css

代码?/p>

 

 

 

CSS Code 

 

 

html{    

 

 

    width: 100%;    

 

 

    height: 100%;    

 

 

    overflow: hidden;    

 

 

    font-style: sans-serif;    

 

 

}    

 

 

body{    

 

 

    width: 100%;    

 

 

    height: 100%;    

 

 

    font-family: 'Open Sans',sans-serif;    

 

 

    margin: 0;    

 

 

    background-color: #4A374A;    

 

 

}    

 

 

#login{    

 

 

    position: absolute;    

Ͼλ">
Ͼλ
Ŀ

Html制作简单而漂亮的登录页面 - 百度文库
新建
上传
首页
助手
最?/div>
资料?/div>
工具

 

 

 

 

这篇文章主要为大家详细介绍了

Html

制作简单而漂亮的登录页面具体代码,具有一?/p>

的参考价值,感兴趣的小伙伴们可以参考一?/p>

 

 

 

html

源码?/p>

 

 

 

XML/HTML Code 

 

 

<!DOCTYPE html>   

 

 

<html lang="en">   

 

 

<head>   

 

 

    <meta charset="UTF-8">   

 

 

    <title>Login</title>   

 

 

    <link rel="stylesheet" type="text/css" href="Login.css"/>   

 

 

</head>   

 

 

<body>   

 

 

    <div id="login">   

 

 

        <h1>Login</h1>   

 

 

        <form method="post">   

 

 

  

  

  

  

  

  

<input 

type="text" 

required="required" 

placeholder="

用户?/p>

" name="u"></input>   

 

 

  

  

  

  

  

  

<input 

type="password" 

required="required" placeholder="

密码

" name="p"></input>   

 

 

            <button class="but" type="submit">

?/p>

?/p>

</button>   

 

 

        </form>   

 

 

    </div>   

 

 

</body>   

 

 

</html>   

 

 

css

代码?/p>

 

 

 

CSS Code 

 

 

html{    

 

 

    width: 100%;    

 

 

    height: 100%;    

 

 

    overflow: hidden;    

 

 

    font-style: sans-serif;    

 

 

}    

 

 

body{    

 

 

    width: 100%;    

 

 

    height: 100%;    

 

 

    font-family: 'Open Sans',sans-serif;    

 

 

    margin: 0;    

 

 

    background-color: #4A374A;    

 

 

}    

 

 

#login{    

 

 

    position: absolute;    



ļ׺.doc޸Ϊ.docĶ

  • +͸+EDI
  • Ͷϰ⼰
  • ƹ˾ܹ֯Ż̵Ľ
  • matlabԸϰ
  • 2016Ȼ׼ؼ۸³ɹ
  • Ծ
  • 2018㽭пѧ֪ʶ
  • 2018׿׻״չƷĿ¼
  • һѧһʵķർѧ

վ

԰ Ͼλ
ϵͷ779662525#qq.com(#滻Ϊ@) ICP20003344-4