我尝试使用:before
和:after
伪元素在CSS中创建一行。我希望使用position : absoute
以及顶部和底部语法使其显得更高/更低。我使用底部语法成功地将其应用于:before
伪元素,但是当我尝试使用顶部语法:after
时,该行消失了。这是我的代码(div类是' transition'):
.transition:before {
content : "";
margin: auto;
position: absolute;
left: 12.5%;
bottom: 18%;
width : 75%;
border-bottom:2px solid slategray;
}
.transition:after {
content : "";
margin: auto;
position: absolute;
left: 12.5%;
top: 18%;
width : 75%;
border-bottom:2px solid slategray;
}
提前致谢!