回答編集履歴
2
説明追記
test
CHANGED
@@ -84,6 +84,8 @@
|
|
84
84
|
|
85
85
|
上記の画像を利用したサンプル。
|
86
86
|
|
87
|
+
上罫線は疑似要素で表現してます。
|
88
|
+
|
87
89
|
|
88
90
|
|
89
91
|
[CodePenサンプル](https://codepen.io/hatena19/pen/eYdggXL)
|
1
サンプルリンク追加
test
CHANGED
@@ -59,3 +59,31 @@
|
|
59
59
|
|
60
60
|
|
61
61
|
[CodePenサンプル](https://codepen.io/hatena19/pen/LYRxVeQ)
|
62
|
+
|
63
|
+
|
64
|
+
|
65
|
+
|
66
|
+
|
67
|
+
|
68
|
+
|
69
|
+
サンプル追記
|
70
|
+
|
71
|
+
---
|
72
|
+
|
73
|
+
ホバーしたときの背景色も考慮したサンプル。
|
74
|
+
|
75
|
+
|
76
|
+
|
77
|
+
画像は透過画像にします。
|
78
|
+
|
79
|
+
|
80
|
+
|
81
|
+
![イメージ説明](020ccd1130250d1cd25b5ae3a74f2be8.png)
|
82
|
+
|
83
|
+
|
84
|
+
|
85
|
+
上記の画像を利用したサンプル。
|
86
|
+
|
87
|
+
|
88
|
+
|
89
|
+
[CodePenサンプル](https://codepen.io/hatena19/pen/eYdggXL)
|