質問編集履歴

3

html CSS を更新しました

2020/11/12 15:53

投稿

umi3
umi3

スコア18

test CHANGED
File without changes
test CHANGED
@@ -16,6 +16,22 @@
16
16
 
17
17
  ```html
18
18
 
19
+ <!CDOCTYPE html>
20
+
21
+ <html>
22
+
23
+ <head>
24
+
25
+ <meta carset="utf-8">
26
+
27
+ <title>ポートフォリオ</title>
28
+
29
+ <link rel="stylesheet" href="../css/story.css">
30
+
31
+ </head>
32
+
33
+ <body>
34
+
19
35
  <div class="main">
20
36
 
21
37
  <div class="parallax-bg img-bg-01">固定背景1</div>
@@ -30,8 +46,6 @@
30
46
 
31
47
  </div>
32
48
 
33
-
34
-
35
49
  <footer class="footerall">
36
50
 
37
51
  <div class="sns-box">
@@ -46,14 +60,36 @@
46
60
 
47
61
  </ul>
48
62
 
49
- </div>
63
+ </div>
50
64
 
51
65
  </footer>
52
66
 
67
+ </body>
68
+
69
+ </html>
70
+
53
71
  ```
54
72
 
55
73
  ```css
56
74
 
75
+ @caraset "UTF-8";
76
+
77
+
78
+
79
+ html {
80
+
81
+ font-famili: sans-serif;
82
+
83
+ }
84
+
85
+ body {
86
+
87
+ margin: 0;
88
+
89
+ background-color: #EEE;
90
+
91
+ }
92
+
57
93
  .main {
58
94
 
59
95
  height: 100%;
@@ -80,7 +116,7 @@
80
116
 
81
117
  justify-content: center;
82
118
 
83
- height: 100%;           /*この部分を変更するとずれてしまう*/
119
+ height: 30%;
84
120
 
85
121
  padding: 5%;
86
122
 
@@ -100,31 +136,31 @@
100
136
 
101
137
  .img-bg-01 {
102
138
 
103
- background-image: url('AAA.jpg');
139
+ background-image: url('../images/card/ex.jpg');
104
140
 
105
141
  }
106
142
 
107
143
  .img-bg-02 {
108
144
 
109
- background-image: url('BBB.jpg');
145
+ background-image: url('../images/card/work.jpg');
110
146
 
111
147
  }
112
148
 
113
149
  .img-bg-03 {
114
150
 
115
- background-image: url('CCC.jpg');
151
+ background-image: url('../images/card/profile.jpg');
116
152
 
117
153
  }
118
154
 
119
155
  .img-bg-04 {
120
156
 
121
- background-image: url('DDD.jpg');
157
+ background-image: url('../images/card/skill.jpg');
122
158
 
123
159
  }
124
160
 
125
161
  .img-bg-05 {
126
162
 
127
- background-image: url('EEE.jpg');
163
+ background-image: url('../images/card/story.jpg');
128
164
 
129
165
  }
130
166
 
@@ -138,7 +174,7 @@
138
174
 
139
175
  .sns-box {
140
176
 
141
- padding-top: 70%;
177
+ padding-top: 70vh;
142
178
 
143
179
  }
144
180
 

2

イメージ写真を追加しました

2020/11/12 15:53

投稿

umi3
umi3

スコア18

test CHANGED
File without changes
test CHANGED
@@ -164,4 +164,6 @@
164
164
 
165
165
  }
166
166
 
167
+ ```
168
+
167
- ```![![イメージ説明](e13f396c6e0760a3fa21e24c706205bb.png)](31e2a81b732719626b72e5c339069e66.png)
169
+ ![イメージ説明](ca1e402588c99eaccd52609f72ac3ecb.png)

1

イメージ写真を追加しました

2020/11/12 14:43

投稿

umi3
umi3

スコア18

test CHANGED
File without changes
test CHANGED
@@ -164,4 +164,4 @@
164
164
 
165
165
  }
166
166
 
167
- ```
167
+ ```![![イメージ説明](e13f396c6e0760a3fa21e24c706205bb.png)](31e2a81b732719626b72e5c339069e66.png)