我想在2个箭头(左右)内创建一个边框。2个箭头内的CSS边框
有2个箭头之间的线。
.carousel-controls {
float: right;
width: 50%;
padding-top: 1rem;
padding-right: 1rem;
}
.carousel-controls span.next {
background: url(https://s10.postimg.org/hdeqo479l/snext.png) no-repeat;
width: 16px;
height: 10px;
}
.carousel-controls span {
display: inline-block;
float: left;
}
.carousel-controls span.prev {
background: url(https://s16.postimg.org/dx0m87tud/prev.png) no-repeat;
width: 16px;
height: 45px;
padding-right: 3rem;
}
<div class="carousel-controls">
<span class="prev"></span>
<span class="next"></span>
</div>
线从箭头的顶部平延伸直到向跨度的高度。请让我知道这是否可能。
任何帮助,高度赞赏。
辉煌。没有考虑背景的位置。好一个。非常感谢。 –