回答編集履歴
3
追記
test
CHANGED
|
@@ -8,13 +8,33 @@
|
|
|
8
8
|
|
|
9
9
|
```CSS
|
|
10
10
|
|
|
11
|
+
.bg{
|
|
12
|
+
|
|
13
|
+
background: url("../images/disgusting-fail-failure-2882.jpg") no-repeat center;
|
|
14
|
+
|
|
15
|
+
background-size: cover;
|
|
16
|
+
|
|
17
|
+
position: relative;
|
|
18
|
+
|
|
19
|
+
height:460px;
|
|
20
|
+
|
|
11
|
-
|
|
21
|
+
color: #fff;
|
|
22
|
+
|
|
23
|
+
font-size: 40px;
|
|
24
|
+
|
|
25
|
+
font-weight: bold;
|
|
26
|
+
|
|
27
|
+
margin-bottom:32px;
|
|
28
|
+
|
|
29
|
+
border-radius: 0.25em;
|
|
30
|
+
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
|
|
12
34
|
|
|
13
35
|
div.bg:nth-child(2) {
|
|
14
36
|
|
|
15
|
-
background: url("../images/bowl-centimeter-delicious-1332189-2.jpg") no-repeat center;
|
|
37
|
+
background: url("../images/bowl-centimeter-delicious-1332189-2.jpg") no-repeat center green;/*色を追加（green）*/
|
|
16
|
-
|
|
17
|
-
background-color: blue /*ここ*/
|
|
18
38
|
|
|
19
39
|
}
|
|
20
40
|
|
|
@@ -22,9 +42,7 @@
|
|
|
22
42
|
|
|
23
43
|
div.bg:nth-child(3) {
|
|
24
44
|
|
|
25
|
-
background: url("../images/argument-bench-breakup-984949-2.jpg") no-repeat center;
|
|
45
|
+
background: url("../images/argument-bench-breakup-984949-2.jpg") no-repeat center blue;/*色を追加（blue）*/
|
|
26
|
-
|
|
27
|
-
background-color: red /*ここ*/
|
|
28
46
|
|
|
29
47
|
}
|
|
30
48
|
|
|
@@ -32,12 +50,32 @@
|
|
|
32
50
|
|
|
33
51
|
div.bg:nth-child(4) {
|
|
34
52
|
|
|
35
|
-
background: url("../images/close-up-duel-fingers-1249214.jpg") no-repeat center;
|
|
53
|
+
background: url("../images/close-up-duel-fingers-1249214.jpg") no-repeat center red;/*色を追加（red）*/
|
|
36
|
-
|
|
37
|
-
background-color: green /*ここ*/
|
|
38
54
|
|
|
39
55
|
}
|
|
40
56
|
|
|
57
|
+
|
|
58
|
+
|
|
59
|
+
.bg::before{
|
|
60
|
+
|
|
61
|
+
/*background:#75f4f4; 消す*/
|
|
62
|
+
|
|
63
|
+
opacity: 0.6;
|
|
64
|
+
|
|
65
|
+
position: absolute;
|
|
66
|
+
|
|
67
|
+
top: 0;
|
|
68
|
+
|
|
69
|
+
right: 0;
|
|
70
|
+
|
|
71
|
+
bottom: 0;
|
|
72
|
+
|
|
73
|
+
left: 0;
|
|
74
|
+
|
|
41
|
-
|
|
75
|
+
content: ' ';
|
|
76
|
+
|
|
77
|
+
border-radius: 0.25em;
|
|
78
|
+
|
|
79
|
+
}
|
|
42
80
|
|
|
43
81
|
```
|
2
追記
test
CHANGED
|
@@ -1 +1,43 @@
|
|
|
1
1
|
nth-child(n)にそれぞれbackground-colorを設定すればいいです
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
|
|
5
|
+
### 追記
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
```CSS
|
|
10
|
+
|
|
11
|
+
//省略
|
|
12
|
+
|
|
13
|
+
div.bg:nth-child(2) {
|
|
14
|
+
|
|
15
|
+
background: url("../images/bowl-centimeter-delicious-1332189-2.jpg") no-repeat center;
|
|
16
|
+
|
|
17
|
+
background-color: blue /*ここ*/
|
|
18
|
+
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
|
|
22
|
+
|
|
23
|
+
div.bg:nth-child(3) {
|
|
24
|
+
|
|
25
|
+
background: url("../images/argument-bench-breakup-984949-2.jpg") no-repeat center;
|
|
26
|
+
|
|
27
|
+
background-color: red /*ここ*/
|
|
28
|
+
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
|
|
32
|
+
|
|
33
|
+
div.bg:nth-child(4) {
|
|
34
|
+
|
|
35
|
+
background: url("../images/close-up-duel-fingers-1249214.jpg") no-repeat center;
|
|
36
|
+
|
|
37
|
+
background-color: green /*ここ*/
|
|
38
|
+
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
//省略
|
|
42
|
+
|
|
43
|
+
```
|
1
修正
test
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
nth-child(n)にそれぞれbckground-colorを設定すればいいです
|
|
1
|
+
nth-child(n)にそれぞれbackground-colorを設定すればいいです
|