回答編集履歴

1

テキスト修正

2021/11/28 19:19

投稿

recal
recal

スコア1128

test CHANGED
@@ -1 +1,43 @@
1
- :afterあたりの疑似属性
1
+ :afterあたりの疑似要素borderを追加する感じでどうでしょう?
2
+
3
+
4
+
5
+ ```html
6
+
7
+ <div class="b">あいうえお</div>
8
+
9
+ ```
10
+
11
+
12
+
13
+ ```css
14
+
15
+ .b{
16
+
17
+ background:whitesmoke;
18
+
19
+ position:relative;
20
+
21
+ width:calc(100%-1px);
22
+
23
+ }
24
+
25
+ .b:after{
26
+
27
+ position:absolute;
28
+
29
+ right:-1px;
30
+
31
+ bottom:0;
32
+
33
+ display:block;
34
+
35
+ content:'';
36
+
37
+ border-right:1px solid tomato;
38
+
39
+ height:10px;
40
+
41
+ }
42
+
43
+ ```