arcfun.github.io/index.html at master · arcfun/arcfun.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
00<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
      <meta http-equiv="desciption" content="this is my page">
      <meta http-equiv="content-type" content="text/html;charset=UTF-8">
<title>测试</title>
<link rel="stylesheet" type="text/css" href="index.css">
</head>
<body>
    <div class="top">
        <div class="container">
            <div class="logo">

             <img src="1.jpg"/>
            </div>
            <div class="help">
              <span>欢迎登陆</span>
              <a href="">立即注册</a>
              <a href="test01.html">国际网站</a>
            </div>


        </div>

    </div>
<!--middle -->
<div class="middle">
      <div class="container">
      	<div class="login">
      		<div class="loginContent">
      			<h3>登录</h3>
      			<div class="it">
      				<i></i>
      				<input type="text" name="username" placeHolder="QQ/邮箱" class="txt">
      			</div>
            <div class="it">
              <i class="pwd"></i>
              <input type="password" name="password" placeholder="密码" class="txt">
            </div>
<!-- 记住密码-->
            <div class="remember">
               <span style="font-size:13px">
               <input type="checkbox" class="flt"/>记住密码</span>
               <a href="#" class="flr">无法登录</a>

            </div>
<!--登录按钮-->
            <div class="loginbtn">
               <input type="submit" class="btn"/ value="登录">
            </div>


      		</div>
      	</div>
      </div>
  </div>
<!-- css动画-->
<div style="width:1200px;margin:0 auto">
   	<div>
    <div class="line">Css3动画</div>
    <div class="icon-spin" style="width:540px;margin:500px auto;border-radius:10px">
    <img src="mm.jpg"> </div>
</div>
</div>

</body>
</html>