回答編集履歴

3

またまた間違ってました ごめんなさぁ~~ぃ><;;

2016/05/04 08:15

投稿

退会済みユーザー
test CHANGED
@@ -28,7 +28,7 @@
28
28
 
29
29
  .pink:after {
30
30
 
31
- border-top: 10px solid #e4d2d8;
31
+ border-right: 10px solid #e4d2d8;
32
32
 
33
33
  }
34
34
 
@@ -42,7 +42,7 @@
42
42
 
43
43
  .violet:after {
44
44
 
45
- border-top: 10px solid #e4d2d8;
45
+ border-right: 10px solid #e4d2d8;
46
46
 
47
47
  }
48
48
 
@@ -56,7 +56,7 @@
56
56
 
57
57
  .orange:after {
58
58
 
59
- border-top: 10px solid #e8d3c7;
59
+ border-right: 10px solid #e8d3c7;
60
60
 
61
61
  }
62
62
 
@@ -70,7 +70,7 @@
70
70
 
71
71
  .yellow:after {
72
72
 
73
- border-top: 10px solid #e0ebaf;
73
+ border-right: 10px solid #e0ebaf;
74
74
 
75
75
  }
76
76
 

2

間違い訂正しました\.\.\.\.m\(_ _\)m

2016/05/04 08:15

投稿

退会済みユーザー
test CHANGED
@@ -28,7 +28,7 @@
28
28
 
29
29
  .pink:after {
30
30
 
31
- border-color:#e4d2d8;
31
+ border-top: 10px solid #e4d2d8;
32
32
 
33
33
  }
34
34
 
@@ -42,7 +42,7 @@
42
42
 
43
43
  .violet:after {
44
44
 
45
- border-color:#e4d2d8;
45
+ border-top: 10px solid #e4d2d8;
46
46
 
47
47
  }
48
48
 
@@ -56,7 +56,7 @@
56
56
 
57
57
  .orange:after {
58
58
 
59
- border-color:#e8d3c7;
59
+ border-top: 10px solid #e8d3c7;
60
60
 
61
61
  }
62
62
 
@@ -70,10 +70,14 @@
70
70
 
71
71
  .yellow:after {
72
72
 
73
- border-color:#e0ebaf;
73
+ border-top: 10px solid #e0ebaf;
74
74
 
75
75
  }
76
76
 
77
77
 
78
78
 
79
79
  ```
80
+
81
+
82
+
83
+ :after部分訂正しました! ごめんなさい><;;

1

本題部分の回答を書き忘れてましたw

2016/05/04 08:10

投稿

退会済みユーザー
test CHANGED
@@ -1,3 +1,5 @@
1
+ 三角部分は`border-color`で指定してください^^
2
+
1
3
  `<div class="bubble`に背景色用のサブクラスを設けて指定色毎にCSSを書いて置いて
2
4
 
3
5
  ランダム抽出あるいはDBから選出した値に合わせて classを追加する方がいいとおもいます。