css怎么做左右箭头 |css 换皮肤

.arrow-left {
width: 0;
height: 0;
border-top: 20px solid transparent;
border-right: 20px solid #000000;
border-bottom: 20px solid transparent;
display: inline-block;
}
.arrow-right {
width: 0;
height: 0;
border-top: 20px solid transparent;
border-left: 20px solid #000000;
border-bottom: 20px solid transparent;
display: inline-block;
}

以上代码中，“arrow-left”和“arrow-right”类分别表示左箭头和右箭头。具体实现原理就是使用 CSS 的 border 属性来设置箭头的形状和颜色，而这几个 border 的位置和大小正好能组成一个箭头的形状。

接下来，大家可以在 HTML 中使用这些类来生成箭头了：

<div class="arrow-left"></div><div class="arrow-right"></div>

以上代码就可以在页面上生成一个左箭头和右箭头了。当然，如果需要的话，还可以进一步修饰这些箭头，比如添加文字描述、调整位置等。