質問編集履歴
1
すいませんCSSに古いソース載せていたため新しいものに更新しました
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -24,7 +24,7 @@
|
|
|
24
24
|
```css
|
|
25
25
|
<style type="text/css">
|
|
26
26
|
.border #box{
|
|
27
|
-
|
|
27
|
+
display: inline-block;
|
|
28
28
|
text-align: center;
|
|
29
29
|
font-size: 12px;
|
|
30
30
|
width: 300px;
|
|
@@ -37,12 +37,13 @@
|
|
|
37
37
|
}
|
|
38
38
|
|
|
39
39
|
.border #box::before {
|
|
40
|
+
position: absolute;
|
|
40
41
|
content: '';
|
|
41
42
|
width: calc(100% + 8px);
|
|
42
43
|
height: calc(100%);
|
|
43
44
|
|
|
44
45
|
border: 1px solid #000;
|
|
45
|
-
position:
|
|
46
|
+
position: absolute;
|
|
46
47
|
top: -1px;
|
|
47
48
|
left: -5px;
|
|
48
49
|
transition: all .3s
|
|
@@ -67,7 +68,7 @@
|
|
|
67
68
|
border-bottom: 1px solid #000;
|
|
68
69
|
border-left: 0px;
|
|
69
70
|
border-right: 0px;
|
|
70
|
-
position:
|
|
71
|
+
position: absolute;
|
|
71
72
|
top: -3px;
|
|
72
73
|
left: 0px;
|
|
73
74
|
}
|
|
@@ -83,7 +84,7 @@
|
|
|
83
84
|
}
|
|
84
85
|
|
|
85
86
|
.border #arrow::after {
|
|
86
|
-
position:
|
|
87
|
+
position:absolute;
|
|
87
88
|
content:"";
|
|
88
89
|
width:0;
|
|
89
90
|
height:0;
|
|
@@ -104,7 +105,7 @@
|
|
|
104
105
|
}
|
|
105
106
|
|
|
106
107
|
.border:hover #arrow::after {
|
|
107
|
-
position:
|
|
108
|
+
position:absolute;
|
|
108
109
|
content:"";
|
|
109
110
|
width:0;
|
|
110
111
|
height:0;
|