-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathblock-basic.html
62 lines (61 loc) · 1.56 KB
/
block-basic.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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title></title>
<style type="text/css">
body {
margin: 20px;
}
header {
background-color: red;
margin: auto;
}
header nav {
margin: auto;
width: 600px;
}
main {
padding: 0px 10px;
max-width: 600px;
border: 2px solid;
margin: auto;
margin-top: 20px;
margin-bottom: 20px;
}
main p {
height: 4em;
overflow: auto;
}
main div {
height: 50px;
background-color: #ee82ee;
}
main div:hover {
margin-left: -10px;
margin-right: -10px;
}
section {
border: 50px solid;
border-color: ;
width: 0;
margin: auto;
border-color: transparent transparent orange;
}
</style>
</head>
<body>
<header>
<nav>aaaaa</nav>
</header>
<main>
<p>ipsum dolor sit amet, consectetur adipisicing elit. Vitae sapiente voluptas officiis, praesentium, nemo iure cumque nihil, facere hic asperiores dicta commodi magni, voluptates eaque esse atque nesciunt! Cupiditate, modi.
</p>
<div></div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quos modi accusantium deleniti consequuntur, enim nulla voluptatum qui ducimus esse rem eius eligendi consequatur sint. Sunt ut, est iusto neque numquam. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laboriosam animi perspiciatis eos, molestias provident, quae ullam! Obcaecati suscipit optio labore iusto veniam facere, amet officiis, eveniet voluptatibus molestiae, dignissimos dolor!
</p>
</main>
<section></section>
</body>
</html>