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

发布网友发布时间：2022-04-23 03:35

共2个回答

热心网友时间：2022-04-06 12:17

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

热心网友时间：2022-04-06 13:35

这小箭头您可以用做背景图片，例如：
<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;里面第一个参数调动的是水平位置，第二个参数数调动的是垂直位置