質問編集履歴

1

headerのソースコードを追加

2020/03/08 12:48

投稿

kazuhito0106
kazuhito0106

スコア8

test CHANGED
File without changes
test CHANGED
@@ -103,3 +103,91 @@
103
103
 
104
104
 
105
105
  html5, css3,
106
+
107
+
108
+
109
+ ### 追加ソースコード
110
+
111
+ header部分
112
+
113
+ ```html5
114
+
115
+ <header>
116
+
117
+ <div class="container">
118
+
119
+ <div class="header-left">
120
+
121
+ <img src="./img/logo.png" width="160" height="60" alt="ロゴ">
122
+
123
+ </div>
124
+
125
+ <div class="header-right">
126
+
127
+ <button type="button" class="btn btn-pink">お問い合わせ</button>
128
+
129
+ </div>
130
+
131
+ </div>
132
+
133
+ </header>
134
+
135
+ ```
136
+
137
+ ```css3
138
+
139
+ header {
140
+
141
+ height: 90px;
142
+
143
+ width: 1280px;
144
+
145
+ margin: 0 auto;
146
+
147
+ }
148
+
149
+
150
+
151
+ .container {
152
+
153
+ width: 1080px;
154
+
155
+ margin: 0 auto;
156
+
157
+ }
158
+
159
+
160
+
161
+ .header-left {
162
+
163
+ float: left;
164
+
165
+ }
166
+
167
+
168
+
169
+ .header-left img {
170
+
171
+ padding: 15px 0;
172
+
173
+ }
174
+
175
+
176
+
177
+ .header-right {
178
+
179
+ float: right;
180
+
181
+ }
182
+
183
+
184
+
185
+ .header-right {
186
+
187
+ padding: 21px 0 ;
188
+
189
+ }
190
+
191
+
192
+
193
+ ```