teratail header banner
teratail header banner
質問するログイン新規登録

回答編集履歴

1

追記

2021/04/23 16:15

投稿

kei344
kei344

スコア69625

answer CHANGED
@@ -1,1 +1,31 @@
1
- 2番目のtrと最後のtrの中以外の.xxx_wrapから上下のoutlineを消せばよいです。
1
+ 2番目のtrと最後のtrの中以外の.xxx_wrapから上下のoutlineを消せばよいです。
2
+
3
+
4
+ ---
5
+
6
+ **追記:**
7
+
8
+ 無理やりですが。
9
+
10
+ ```CSS
11
+ .xxx_wrap {
12
+ position: relative;
13
+ }
14
+ .xxx_wrap::after {
15
+ position: absolute;
16
+ content: "";
17
+ top: -11px;
18
+ bottom: -11px;
19
+ left: -11px;
20
+ right: -11px;
21
+ border-style: solid;
22
+ border-width: 0 11px;
23
+ border-color: #d8395b;
24
+ }
25
+ tr:nth-child(2) .xxx_wrap::after {
26
+ border-top-width: 11px;
27
+ }
28
+ tr:last-child .xxx_wrap::after {
29
+ border-bottom-width: 11px;
30
+ }
31
+ ```**動くサンプル:**[https://jsfiddle.net/8c7kxez3/](https://jsfiddle.net/8c7kxez3/)