/
task9-2.html
41 lines (40 loc) · 1.15 KB
/
task9-2.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>use font awesome字体库</title>
<link rel="stylesheet" type="css/text" href="css/fontello-embedded.css">
<!-- <link rel="stylesheet" type="text/css" href="css/fontello.css"> -->
<style type="text/css">
.span3{
cursor: pointer;
display: inline-block;
font-family: "Microsoft Yahei";
font-size: 18px;
}
.hover:hover{
color: purple;
}
.footer{
color: #fa5;
font-size: 12px;
margin: 20px auto;
}
.footer>a{
text-decoration: none;
font-family: "Microsoft Yahei"
}
</style>
</head>
<body>
<div id="icons" class="container">
<div class="row">
<div title="Code: 0xe800" class="the-icons span3"><span class="hover demo-icon icon-right-big">前进</span></div>
<div title="Code: 0xe801" class="the-icons span3"><span class="hover demo-icon icon-pause">开始</span></div>
<div title="Code: 0xe802" class="the-icons span3"><span class="hover demo-icon icon-stop">停止</span></div>
</div>
</div>
</br>
<div class="container footer"> modify from <a href="http://fontello.com">fontello.com</a></div>
</body>
</html>