-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
102 lines (97 loc) · 5.44 KB
/
index.html
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
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="icon" href="favicon.ico" />
<title>ocument</title>
<script src="index.js" defer></script>
<style>
.demo :nth-child(2) {
color: #ff0000;
}
.demo li:nth-of-type(2) {
color: #00ff00;
}
.box {
width: 50%;
border: #ff0000 solid 5px;
}
.text {
text-align: justify;
text-justify: inter-word;
margin-bottom: 10px;
}
</style>
</head>
<body>
<div>
<ul class="demo">
<p>zero</p>
<p>second zero</p>
<li>one</li>
<li>two</li>
<li class="xxx">1</li>
<li class="xxx">2</li>
<li class="xxx">3</li>
</ul>
<div class="box text">
pppppppppppppppppppp乒乒乓乓乒乒乓乓乒乒乓乓乒乒乓乓乒乒乓乓乒乒乓乓乒乒乓乓乒乒乓乓乒乒乓乓乒乒乓乓乒乒乓乓乒乒乓乓乒乒乓乓乒乒乓乓乒乒乓乓pppppppppp乒乒乓乓乒乒乓乓乒乒乓乓乒乒乓乓乒乒乓乓乒乒乓乓乒乒乓乓乒乒乓乓乒乒乓乓乒乒乓乓乒乒乓乓乒乒乓乓乒乒乓乓乒乒乓乓乒乒乓乓pppppppppp乒乒乓乓乒乒乓乓乒乒乓乓乒乒乓乓乒乒乓乓乒乒乓乓乒乒乓乓乒乒乓乓乒乒乓乓乒乒乓乓乒乒乓乓乒乒乓乓乒乒乓乓乒乒乓乓乒乒乓乓pppppppppp乒乒乓乓乒乒乓乓乒乒乓乓乒乒乓乓乒乒乓乓乒乒乓乓乒乒乓乓乒乒乓乓乒乒乓乓乒乒乓乓乒乒乓乓乒乒乓乓乒乒乓乓乒乒乓乓乒乒乓乓pppppppppp乒乒乓乓乒乒乓乓乒乒乓
</div>
<svg
width="78"
height="78"
viewBox="11.111000061035156 11.112000465393066 77.7750015258789 77.7760009765625"
preserveAspectRatio="none"
>
<g transform="matrix(1 0 0 1 0 0)">
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M50,11.112L50,11.112c-21.389,0-38.889,17.499-38.889,38.887V50 c0,21.388,17.5,38.888,38.888,38.888H50c21.388,0,38.886-17.5,38.886-38.888v-0.001C88.887,28.611,71.389,11.112,50,11.112z M51.943,33.344c1.404-5.331,5.152-8.964,8.373-8.116c3.221,0.849,4.693,5.857,3.289,11.188s-5.152,8.963-8.373,8.115 C52.014,43.683,50.54,38.674,51.943,33.344z M41.374,24.974c3.278-0.584,6.72,3.342,7.688,8.769 c0.967,5.427-0.908,10.299-4.186,10.883c-3.279,0.585-6.721-3.341-7.688-8.768S38.094,25.559,41.374,24.974z M26.52,49.751 c-1.525-4.166-0.182-8.309,2.999-9.252c3.181-0.942,6.997,1.671,8.522,5.838s0.183,8.309-2.999,9.252S28.045,53.918,26.52,49.751z M68.83,66.235c0,4.712-4.129,10.148-8.568,8.568c-7.336-2.612-14.669-2.466-22.003,0c-4.467,1.501-8.568-3.856-8.568-8.568v-0.001 c0-4.962,3.23-7.604,7.399-8.347c1.515-0.271,2.696-1.192,3.325-2.597c1.541-3.434,4.922-5.817,8.846-5.817 c3.923,0,7.304,2.384,8.843,5.817c0.631,1.404,1.811,2.326,3.326,2.597C65.598,58.631,68.83,61.272,68.83,66.235L68.83,66.235z M73.479,50.28c-1.525,4.167-5.34,6.78-8.521,5.838c-3.182-0.943-4.523-5.086-2.998-9.252c1.525-4.167,5.34-6.781,8.521-5.838 S75.004,46.114,73.479,50.28z"
></path>
</g>
</svg>
<br />
<br />
<svg
width="77.7750015258789"
height="77.7760009765625"
xmlns="http://www.w3.org/2000/svg"
preserveAspectRatio="none"
>
<g>
<g stroke="null" id="svg_1">
<path
stroke="null"
fill-rule="evenodd"
clip-rule="evenodd"
d="m38.92311,0.11203l0,0c-21.389,0 -38.889,17.44275 -38.889,38.762l0,0.001c0,21.31925 17.5,38.763 38.888,38.763l0.001,0c21.763,-0.1246 38.761,-17.44375 38.761,-38.763l0,-0.001c0.001,-21.32385 -17.372,-38.762 -38.761,-38.762zm1.943,22.16054c1.404,-5.31387 5.152,-8.93519 8.373,-8.08991c3.221,0.84627 4.693,5.83817 3.289,11.15203s-5.152,8.93419 -8.373,8.08892c-3.218,-0.84527 -4.692,-5.83817 -3.289,-11.15104zm-10.569,-8.3431c3.278,-0.58212 6.72,3.33126 7.688,8.74082c0.967,5.40955 -0.908,10.26589 -4.186,10.84801c-3.279,0.58312 -6.721,-3.33026 -7.688,-8.73981s0.906,-10.2659 4.186,-10.84902zm-14.854,24.69736c-1.525,-4.15261 -0.182,-8.28229 2.999,-9.22226c3.181,-0.93897 6.997,1.66563 8.522,5.81923s0.183,8.2823 -2.999,9.22226s-6.997,-1.66562 -8.522,-5.81923zm42.31,16.43101c0,4.69686 -4.129,10.11539 -8.568,8.54046c-7.336,-2.6036 -14.66899,-2.45807 -22.003,0c-4.467,1.49618 -8.568,-3.8436 -8.568,-8.54046l0,-0.00099c0,-4.94605 3.23,-7.57956 7.39901,-8.32017c1.515,-0.27013 2.696,-1.18817 3.32499,-2.58865c1.541,-3.42297 4.92201,-5.79831 8.846,-5.79831c3.92301,0 7.30401,2.37634 8.843,5.79831c0.631,1.39948 1.811,2.31852 3.326,2.58865c4.168,0.74161 7.4,3.37412 7.4,8.32116l0,0zm4.649,-15.90371c-1.525,4.15361 -5.34,6.75821 -8.521,5.81923c-3.182,-0.93996 -4.523,-5.06965 -2.998,-9.22226c1.525,-4.1536 5.34,-6.7592 8.521,-5.81923s4.52301,5.06965 2.998,9.22226z"
/>
</g>
</g>
</svg>
</div>
<div>
<form
method="GET"
action="http://www.google.com.au/search"
class="form-group"
>
<input
type="text"
class="form-control"
value=""
name="q"
size="31"
maxlength="255"
placeholder="Google"
/>
<button>搜索</button>
</form>
</div>
</body>
</html>
<!-- <div >
<iframe autoplay="1" width="800" height="450" src="https://vip.okokbo.com/share/nbx6CoOYHaf77H17" allowfullscreen></iframe>
</div> -->