質問編集履歴
2
存在しないCSSを削除
test
CHANGED
File without changes
|
test
CHANGED
@@ -135,7 +135,6 @@
|
|
135
135
|
|
136
136
|
}
|
137
137
|
.profile_image {
|
138
|
-
block-align: center;
|
139
138
|
margin: auto;
|
140
139
|
margin-bottom: 60px;
|
141
140
|
|
1
質問のページのCSS全体を記入いたしました。
test
CHANGED
File without changes
|
test
CHANGED
@@ -66,7 +66,116 @@
|
|
66
66
|
|
67
67
|
</section>
|
68
68
|
|
69
|
-
</main>
|
69
|
+
</main>
|
70
|
+
```
|
71
|
+
|
72
|
+
追記
|
73
|
+
本質問のCSS全体を追記させていただきます。
|
74
|
+
```CSS
|
75
|
+
header {
|
76
|
+
height: 60px;
|
77
|
+
}
|
78
|
+
/* headerのロゴのCSS */
|
79
|
+
.header-logo {
|
80
|
+
float: left;
|
81
|
+
list-style: none;
|
82
|
+
/* ロゴ部分のボックスモデルを設定 */
|
83
|
+
padding:7.711px 19.12px;
|
84
|
+
/* 背景色を設定 */
|
85
|
+
background-color:#000000;
|
86
|
+
/* 文字色を設定したい */
|
87
|
+
color:aliceblue;
|
88
|
+
}
|
89
|
+
.header-list {
|
90
|
+
float: right;
|
91
|
+
list-style: none;
|
92
|
+
/* Layout Properties */
|
93
|
+
top: 20px;
|
94
|
+
left: 1002px;
|
95
|
+
width: 48px;
|
96
|
+
height: 21px;
|
97
|
+
padding: 20px 30px;
|
98
|
+
/* UI Properties */
|
99
|
+
text-align: left;
|
100
|
+
font: normal normal normal 14px/21px Meiryo;
|
101
|
+
letter-spacing: 0px;
|
102
|
+
color: #24292E;
|
103
|
+
opacity: 1;
|
104
|
+
}
|
105
|
+
|
106
|
+
body {
|
107
|
+
width: 1280px;
|
108
|
+
}
|
109
|
+
.main-visual img{
|
110
|
+
/* Layout Properties */
|
111
|
+
top: 60px;
|
112
|
+
left: 0px;
|
113
|
+
width: 1280px;
|
114
|
+
height: auto;
|
115
|
+
|
116
|
+
}
|
117
|
+
|
118
|
+
.headline {
|
119
|
+
text-align:center;
|
120
|
+
/* Layout Properties */
|
121
|
+
/* top: 740px;
|
122
|
+
left: 590px;
|
123
|
+
width: 101px;
|
124
|
+
height: 48px;
|
125
|
+
box-align: center; */
|
126
|
+
/* UI Properties */
|
127
|
+
/* text-align: center;
|
128
|
+
font: normal normal bold 32px/48px Meiryo;
|
129
|
+
letter-spacing: 0px;
|
130
|
+
color: #383E45;
|
131
|
+
opacity: 1; */
|
132
|
+
|
133
|
+
text-decoration:underline;/*下線を引く*/
|
134
|
+
text-decoration-color:#000000;/*下線を赤色*/
|
135
|
+
|
136
|
+
}
|
137
|
+
.profile_image {
|
138
|
+
block-align: center;
|
139
|
+
margin: auto;
|
140
|
+
margin-bottom: 60px;
|
141
|
+
|
142
|
+
|
143
|
+
}
|
144
|
+
|
145
|
+
.profile_photo {
|
146
|
+
/* Layout Properties */
|
147
|
+
top: 858px;
|
148
|
+
left: 374px;
|
149
|
+
width: 100px;
|
150
|
+
height: 100px;
|
151
|
+
/* UI Properties */
|
152
|
+
opacity: 1;
|
153
|
+
border-radius:50%;
|
154
|
+
}
|
155
|
+
.pf {
|
156
|
+
float:left;
|
157
|
+
margin-right: 16.2px;
|
158
|
+
/* box-align: center; */
|
159
|
+
|
160
|
+
}
|
161
|
+
.content {
|
162
|
+
float: left;
|
163
|
+
list-style: none;
|
164
|
+
}
|
165
|
+
.content img{
|
166
|
+
width: 263px;
|
167
|
+
height: 174px;
|
168
|
+
}
|
169
|
+
.bicycle_images h3{
|
170
|
+
padding-bottom: 60px;
|
171
|
+
}
|
172
|
+
.bicycle_images{
|
173
|
+
margin-top:200px;
|
174
|
+
}
|
175
|
+
|
176
|
+
```
|
177
|
+
|
178
|
+
|
70
179
|
|
71
180
|
## 試したこと
|
72
181
|
### margin-topを指定
|