質問編集履歴

1

コードの追加

2020/05/13 05:32

投稿

T012
T012

スコア2

test CHANGED
File without changes
test CHANGED
@@ -15,3 +15,135 @@
15
15
 
16
16
 
17
17
  ![イメージ説明](431109bafd102a62a1022c26ab07188b.jpeg)
18
+
19
+
20
+
21
+ ### 該当のソースコード
22
+
23
+
24
+
25
+ ```html
26
+
27
+ <li id="skill" class="container">
28
+
29
+ <div id="fontawesome" class="mark">
30
+
31
+ <img class="skillimg" src="img/Skill.gif">
32
+
33
+ <ul class="skillbox">
34
+
35
+ <li class="flexbox fadein-act">
36
+
37
+ <h2>HP・LP制作</h2>
38
+
39
+ <div class="resflex">
40
+
41
+ <img src="img/制作.jpg">
42
+
43
+ <p>ここに文章</p>
44
+
45
+ </div>
46
+
47
+ </li>
48
+
49
+
50
+
51
+ <li class="flexbox fadein-act">
52
+
53
+ <h2>WordPress</h2>
54
+
55
+ <div class="resflex">
56
+
57
+ <img src="img/WordPress.jpg">
58
+
59
+ <p>ここに文章</p>
60
+
61
+ </div>
62
+
63
+ </li>
64
+
65
+ <li class="flexbox fadein-act">
66
+
67
+ <h2>レスポンシブ</h2>
68
+
69
+ <div class="resflex">
70
+
71
+ <img src="img/レスポンシブ.jpg">
72
+
73
+ <p>ここに文章</p>
74
+
75
+ </div>
76
+
77
+ </li>
78
+
79
+ </ul>
80
+
81
+ </div>
82
+
83
+ </li>
84
+
85
+ ```
86
+
87
+
88
+
89
+ ###
90
+
91
+
92
+
93
+ ```CSS
94
+
95
+ .mark img{
96
+
97
+ margin: 0 auto;
98
+
99
+ }
100
+
101
+ # skill{
102
+
103
+ margin:50px;
104
+
105
+ display: block;
106
+
107
+ }
108
+
109
+ .skillbox{
110
+
111
+ display: flex;
112
+
113
+ }
114
+
115
+ .flexbox{
116
+
117
+ margin:0;
118
+
119
+ padding:10px;
120
+
121
+ width:30%;
122
+
123
+ text-align: center;
124
+
125
+ position: relative;
126
+
127
+ }
128
+
129
+ .flexbox p{
130
+
131
+ padding-top:30px;
132
+
133
+ text-align: left;
134
+
135
+ }
136
+
137
+ .flexbox img{
138
+
139
+ width:250px;
140
+
141
+ height: 250px;
142
+
143
+ border-radius: 50%;
144
+
145
+ margin: 0 auto;
146
+
147
+ }
148
+
149
+ ```