回答編集履歴

2

説明追記

2020/12/13 03:37

投稿

hatena19
hatena19

スコア33740

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

サンプルリンク追加

2020/12/13 03:36

投稿

hatena19
hatena19

スコア33740

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)