forked from mciver83/html-css-1-wlh6
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathpart1.css
33 lines (26 loc) · 7.53 KB
/
part1.css
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
* {
box-sizing: border-box;
}
#firstBox {
border: 12px solid lightcoral;
background: lightgreen;
}
.square {
width: 300px;
height: 300px;
margin: 20px;
padding: 40px;
border: 3px solid green;
}
.blue-border {
border: 1px solid blue;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
background-image: url("data:image/jpeg;base64,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")
}
div {
width: 400px;
border: 6px yellow groove;
text-align: center;
}