質問編集履歴

1

html,cssの追加

2021/10/07 10:28

投稿

leomessi
leomessi

スコア13

test CHANGED
File without changes
test CHANGED
@@ -2,50 +2,64 @@
2
2
 
3
3
  ![イメージ説明](08b85415ad2baad47f525c013c8bcd0f.png)
4
4
 
5
+
6
+
7
+ ```html
8
+
9
+ <div class="p-single__articleText">
10
+
11
+ <h5>こんな感じで信号よりも高くて迫力がすごい!!</h5>
12
+
13
+ </div>
14
+
5
15
  ```
6
-
7
- &Text h5 {
8
-
9
- display: inline-block;
10
-
11
- font-weight: bold;
12
-
13
- margin: 1.5em 0 1rem;
14
-
15
- padding: 7px 10px;
16
-
17
- color: #555;
18
-
19
- font-size: 16px;
20
-
21
- background: #e0edff;
22
-
23
- border-radius: 50px;
24
-
25
- width: 100%;
26
-
27
- }
28
16
 
29
17
 
30
18
 
31
- &Text h5::before {
19
+ ```css
32
20
 
33
- content: '';
21
+ .p-single__articleText h5 {
34
22
 
35
- display: inline-block;
23
+ display: inline-block;
36
24
 
37
- width: 70px;
25
+ font-weight: bold;
38
26
 
39
- height: 70px;
27
+ margin: 1.5em 0 1rem;
40
28
 
41
- background-image: url(images/img.jpg);
29
+ padding: 7px 10px;
42
30
 
43
- background-size: contain;
31
+ color: #555;
44
32
 
45
- vertical-align: middle;
33
+ font-size: 16px;
46
34
 
47
- border-radius: 50%;
35
+ background: #e0edff;
48
36
 
37
+ border-radius: 50px;
38
+
39
+ width: 100%;
40
+
49
- }
41
+ }
42
+
43
+
44
+
45
+ .p-single__articleText h5::before {
46
+
47
+ content: '';
48
+
49
+ display: inline-block;
50
+
51
+ width: 70px;
52
+
53
+ height: 70px;
54
+
55
+ background-image: url(images/fujinami.jpg);
56
+
57
+ background-size: contain;
58
+
59
+ vertical-align: middle;
60
+
61
+ border-radius: 50%;
62
+
63
+ }
50
64
 
51
65
  ```