Question

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

html+css分别是？补充：我在网上找到小箭头代码了。不过我不会调角度，把箭头向右下角变成水平向右的（像第一张图）。另外html（图4代码）怎么改？我改后显示为图3，箭头和“分享到：”不在同一行。.curvedarrow {position: relative;width: 0;border-top: 9px solid transparent;border-right: 9px solid #309ae8;transform: rotate(10deg) translateX(100%);}.curvedarrow:after {content: "";position: absolute;border: 0 solid transparent;border-top: 3px solid #309ae8;border-radius: 20px 0 0 0;top: -12px; left: -9px;width: 12px; height: 12px;transform: rotate(45deg);}





Answer 1

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

Answer 2

这小箭头您可以用做背景图片，例如：
<a href="xxx.com" class="fx">分享到：</a>
css:
.fx{background: url(../img/xxx.png) no-repeat left;background-position: 10px 10px;background-size: 10px 10px;text-indent: 1em;}
仅供参考！希望能帮到您，如有问题随时追问

追问

你好！我试过画箭头，不过画得不好看。在网上找到小箭头的代码了，不过要调角度，我不会调。还有html怎么改，现在箭头跟“分享到：”不在同一行，需要显示在同一行。

追答

这个你可以到阿里巴巴图库搜索 箭头 然后下载一个你喜欢的，要显示在同一行的话最好是用背景图片，然后调背景位置：background-position: 10px 10px;里面第一个参数调动的是水平位置，第二个参数数调动的是垂直位置