We read every piece of feedback, and take your input very seriously.
To see all available qualifiers, see our documentation.
There was an error while loading. Please reload this page.
1 parent e9d61c1 commit 4e57f90Copy full SHA for 4e57f90
20-12-2023/index.html
@@ -1,6 +1,6 @@
1
<div class="p">
2
- <div class="s"></div>
3
+ <div class="s t"></div>
+ <div class="s b"></div>
4
</div>
5
<style>
6
body {
@@ -13,7 +13,24 @@
13
.s {
14
margin: 0 auto 30;
15
width: 90;
16
- height: 30px;
+ height: 30;
17
border: 30px solid #F1F1F2;
18
+ position: relative;
19
}
- </style>
20
+ .t:before, .t:after, .b:before {
21
+ content: '';
22
+ position: absolute;
23
+ left: -30;
24
+ width: 30;
25
26
+ background: #811E1F;
27
+ }
28
+ .t:after {
29
+ top: 60;
30
+ background: #F1F1F2;
31
32
+ .b:before {
33
+ top: -30;
34
+ left: 0;
35
36
+</style>
0 commit comments