箭头怎么打 css

html-css022

箭头怎么打 css,第1张

图片中的箭头用的都是背景图片。

先找到保存这些图片下来,然后再写相应的CSS。

css背景代码:

background:url(bgimage.jpg) no-repeat -2px 0px //后面的-2px 0px可以去掉或者调整相应的图片坐标位置

使用

当然,其他任意方向也是可以的,只需要控制旋转角度rotate即可。原理是构造了一个正方形,隐藏了其中的两条边left和bottom,然后进行旋转。

通过使用正方形左下两条边,并向下向右平移,再旋转,得到一个向下并居中的箭头