質問編集履歴

5

文法の修正

2018/07/09 05:06

投稿

newyee
newyee

スコア213

test CHANGED
File without changes
test CHANGED
@@ -252,6 +252,4 @@
252
252
 
253
253
  すみません。追記です。
254
254
 
255
- dlタグ対し、borderが適用されないと質問させいたのですが、dtタグ間違いでした
255
+ dl要素だけCSSが適用されていないと思っていたのですが、CSSをすべて削除したですが、実行結果が変わらなままでした...
256
-
257
- すみませんでした。

4

タイトルの変更

2018/07/09 05:06

投稿

newyee
newyee

スコア213

test CHANGED
@@ -1 +1 @@
1
- 【CSS】dl要素に対し、borderが指定できないです
1
+ 【CSS】dt要素に対し、borderが指定できないです
test CHANGED
File without changes

3

文法の修正

2018/07/09 05:03

投稿

newyee
newyee

スコア213

test CHANGED
File without changes
test CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  下記は自分が作成しましたコードになります。
4
4
 
5
- ```HTMl
5
+ ```HTML
6
6
 
7
7
  <!DOCTYPE html>
8
8
 
@@ -48,9 +48,9 @@
48
48
 
49
49
  <div class="comment">
50
50
 
51
- <p>ピンクの背景色のレストランは女性に特におすすめです。</p>
51
+ <p><span class="background-color-pink">ピンク</span>の背景色のレストランは女性に特におすすめです。</p>
52
-
52
+
53
- <p>赤の文字色はファミリー向けのお店です</p>
53
+ <p><span class="color-red"></span>の文字色はファミリー向けのお店です</p>
54
54
 
55
55
  </div>
56
56
 
@@ -60,7 +60,7 @@
60
60
 
61
61
  <section class="cooking_list">
62
62
 
63
- <div contents_main>
63
+ <div class="contents_main">
64
64
 
65
65
  <h1 class="contents_titile">各レストランのおすすめメニュー</h1>
66
66
 
@@ -70,7 +70,7 @@
70
70
 
71
71
  <dd>フレンチトースト</dd>
72
72
 
73
- <dt>レストランB</dt>
73
+ <dt>レストランB<span class="star">★</span></dt>
74
74
 
75
75
  <dd>パンケーキ</dd>
76
76
 
@@ -78,7 +78,7 @@
78
78
 
79
79
  <dd>シーザーサラダ</dd>
80
80
 
81
- <dt>レストランD</dt>
81
+ <dt>レストランD<span class="star">★</span></dt>
82
82
 
83
83
  <dd>ハンバーグ</dd>
84
84
 
@@ -232,10 +232,12 @@
232
232
 
233
233
  }
234
234
 
235
- dl{
235
+ dt{
236
236
 
237
237
  border-left:solid 10px #FFFF00;
238
238
 
239
+
240
+
239
241
  }
240
242
 
241
243
  ```
@@ -244,7 +246,7 @@
244
246
 
245
247
  以下は、実行結果の画面です。
246
248
 
247
- ![イメージ説明](c6ce096aad63c198713f329f4b637344.png)
249
+ ![イメージ説明](9d2f5ceea548aa442b971d17d145ed32.png)
248
250
 
249
251
  どなたか教えてくださる方いらっしゃいましたら、ご回答いただけましたら幸いです...
250
252
 

2

文法の修正

2018/07/09 04:54

投稿

newyee
newyee

スコア213

test CHANGED
File without changes
test CHANGED
@@ -1,4 +1,4 @@
1
- 下記のコードのdlタグに対し、border-leftを指定したのですが、適応されません。
1
+ 下記のコードのdtタグに対し、border-leftを指定したのですが、適応されません。
2
2
 
3
3
  下記は自分が作成しましたコードになります。
4
4
 
@@ -247,3 +247,9 @@
247
247
  ![イメージ説明](c6ce096aad63c198713f329f4b637344.png)
248
248
 
249
249
  どなたか教えてくださる方いらっしゃいましたら、ご回答いただけましたら幸いです...
250
+
251
+ すみません。追記です。
252
+
253
+ dlタグに対し、borderが適用されないと質問させて頂いたのですが、dtタグの間違いでした。
254
+
255
+ すみませんでした。

1

実行結果画面の画像を追記しました。

2018/07/09 04:47

投稿

newyee
newyee

スコア213

test CHANGED
File without changes
test CHANGED
@@ -240,4 +240,10 @@
240
240
 
241
241
  ```
242
242
 
243
+ 使用したブラウザはgooglechromeで、開発環境はcloud9を使用いたしました。
244
+
245
+ 以下は、実行結果の画面です。
246
+
247
+ ![イメージ説明](c6ce096aad63c198713f329f4b637344.png)
248
+
243
249
  どなたか教えてくださる方いらっしゃいましたら、ご回答いただけましたら幸いです...