html+css怎么写出“分享到”前面的小箭头?

html-css020

html+css怎么写出“分享到”前面的小箭头?,第1张

如果要写的话也是可以的,但是一般情况下没有人会去浪费时间在这个图标上,一般直接通过切图用图片代替,获取使用字体图标,如果要写的话就是一个蓝色的圆然后再有一个白色的圆盖住它的大部分,最后一个三角形定位,最后拼出来,这样下来就很浪费时间,如果是使用图片,直接设置一个宽,然后做图片自适应就可以了

任意标签中插入 style="cursor:hand"

多种形状可供选择

hand是手型

pointer也是手型,这里推荐使用这种,因为这可以在多种浏览器下使用。

crosshair是十字型

text是移动到文本上的那种效果

wait是等待的那种效果

default是默认效果

help是问号

e-resize是向右的箭头

ne-resize是向右上的箭头

n-resize是向上的箭头

nw-resize是向左上的箭头

w-resize是向左的箭头

sw-resize是左下的箭头

s-resize是向下的箭头

se-resize是向右下的箭头

auto是由系统自动给出效果