用HTML和CSS做箭头

用HTML和 CSS简单的做图片两侧的箭头

HTML部分:

HTML部分:
可以利用定位来固定左右小盒子的位置，但是要注意子绝父相相！！

两个盒子的共同特点我们可以利用并集选择器:

绝对定位的盒子居中:
left:50%；
top:50%；
margin-left:-盒子宽度一半；
margin-top:-盒子高度一半；
（垂直居中不能用margin: 0 auto）
最后分开写，利用圆角边框修饰:

可以自己添加图片。