图片中的箭头用的都是背景图片。
先找到保存这些图片下来,然后再写相应的CSS。
css背景代码:
background:url(bgimage.jpg) no-repeat -2px 0px //后面的-2px 0px可以去掉或者调整相应的图片坐标位置使用
当然,其他任意方向也是可以的,只需要控制旋转角度rotate即可。原理是构造了一个正方形,隐藏了其中的两条边left和bottom,然后进行旋转。
通过使用正方形左下两条边,并向下向右平移,再旋转,得到一个向下并居中的箭头
图片中的箭头用的都是背景图片。
先找到保存这些图片下来,然后再写相应的CSS。
css背景代码:
background:url(bgimage.jpg) no-repeat -2px 0px //后面的-2px 0px可以去掉或者调整相应的图片坐标位置使用
当然,其他任意方向也是可以的,只需要控制旋转角度rotate即可。原理是构造了一个正方形,隐藏了其中的两条边left和bottom,然后进行旋转。
通过使用正方形左下两条边,并向下向右平移,再旋转,得到一个向下并居中的箭头