質問編集履歴

1

CSSを追加しました。よろしくお願いします。

2016/06/23 13:41

投稿

naoki1023
naoki1023

スコア11

test CHANGED
File without changes
test CHANGED
@@ -42,6 +42,8 @@
42
42
 
43
43
 
44
44
 
45
+ <body>---<body>を追加しました。
46
+
45
47
  <div class="header">
46
48
 
47
49
  <div class="header-left">prpgate</div>
@@ -76,7 +78,15 @@
76
78
 
77
79
  <li>事業内容</li>
78
80
 
79
- <li>プレスリリース</li>
81
+ <li>プレスリリース
82
+
83
+
84
+
85
+ </li>
86
+
87
+
88
+
89
+
80
90
 
81
91
 
82
92
 
@@ -88,9 +98,17 @@
88
98
 
89
99
  <div class="contents-top"></div>
90
100
 
101
+
102
+
103
+ <h1>
104
+
91
- <h1>ああああああああああああああああ</h1>
105
+ ああああああああああああああああ
106
+
92
-
107
+ </h1>
108
+
109
+
110
+
93
-
111
+ ```
94
112
 
95
113
  <div class="contents-top-item">
96
114
 
@@ -108,10 +126,124 @@
108
126
 
109
127
 
110
128
 
129
+
130
+
111
131
  </body>
112
132
 
113
133
 
114
134
 
135
+ ---
136
+
137
+ CSSです。
138
+
139
+ ---
140
+
141
+
142
+
143
+ .header{
144
+
145
+
146
+
147
+ height: 65px;
148
+
149
+ color: white;
150
+
151
+ background-color: #0000ff;
152
+
153
+ font-size: 30px;
154
+
155
+ }
156
+
157
+ .header-left{
158
+
159
+ float: left;
160
+
161
+ padding: 10px 60px;
162
+
163
+ }
164
+
165
+ .header-right{
166
+
167
+ float: right;
168
+
169
+
170
+
171
+ }
172
+
173
+
174
+
175
+ .header-right li {
176
+
177
+ float: right;
178
+
179
+ color: #1e90ff;
180
+
181
+ padding: 10px 30px;
182
+
183
+ font-size: 1px;
184
+
185
+ list-style: none;
186
+
187
+ }
188
+
189
+
190
+
191
+ .sidebar{
192
+
193
+ background-color: white;
194
+
195
+ height: 600px;
196
+
197
+ width:200px;
198
+
199
+ padding: 30px;
200
+
201
+
202
+
203
+ }
204
+
205
+
206
+
207
+ .sidebar li {
208
+
209
+ list-style: none;
210
+
211
+ background-color: aqua;
212
+
213
+ color: white;
214
+
215
+ padding: 10px;
216
+
217
+ margin-bottom: 10px;
218
+
219
+ height: 20px;
220
+
221
+ width: 100px;
222
+
223
+ float: left;
224
+
225
+ }
226
+
227
+
228
+
229
+ .contents {
230
+
231
+ width: 400px;
232
+
233
+ height: 600px;
234
+
235
+ background-color: #E8E5FF;
236
+
237
+
238
+
239
+ }
240
+
241
+
242
+
243
+
244
+
245
+
246
+
115
247
  ###
116
248
 
117
249
  floatタグを入れないからだめなのかなと思い試したのですがだめでした。