html+css怎么写出“分享到”前面的小箭头？
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了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);
<a href="xxx.com" class="fx">分享到：</a>
css:
.fxbackground: url(../img/xxx.png) no-repeat left;background-position: 10px 10px;background-size: 10px 10px;text-indent: 1em;
仅供参考！希望能帮到您，如有问题随时追问追问
你好！我试过画箭头，不过画得不好看。在网上找到小箭头的代码了，不过要调角度，我不会调。还有html怎么改，现在箭头跟“分享到：”不在同一行，需要显示在同一行。
追答这个你可以到阿里巴巴图库搜索 箭头 然后下载一个你喜欢的，要显示在同一行的话最好是用背景图片，然后调背景位置：background-position: 10px 10px;里面第一个参数调动的是水平位置，第二个参数数调动的是垂直位置
本回答被提问者和网友采纳网站制作如何实现下拉菜单前面的小三角
正好我这里有素材：下面的代码是右三角，放上去是左三角，直接复制即可。
全css控制，无需使用图片。
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<title></title>/*css三角，均是向下f方向*/
<style type="text/css">
i cursor:pointer;
.mark1display:inline-block; width:0px; height:0px;border-width:4px; border-style:dashed; overflow:hidden;border-color:transparent transparent transparent #666;
.menu1display:inline-block; padding:2px 8px; border:1px solid #fff; color:#333;
.menu1:hoverbackground-color:#f5f5f5; border:1px solid #ccc; text-decoration:none;
.menu1:hover .mark1border-style:dashed;border-color:transparent #666 transparent transparent;border-width:4px; margin-bottom:3px;
</style>
</head>
<body>
<a href="javascript:void(0);" class="menu1"><i class="mark1"></i>企业需求</a>
</body>
</html>
主要是通过border-color:transparent transparent transparent #666;来控制三角方向
因为要做个网站要实现类似的功能，图片是其他网站显示的是借鉴的，如何知道它是图片还是代码？
追答你把那个网站的所有东西下载下来看看有没有图片链接，没有的话就从他的源代码上找
以上是关于html+css怎么写出“分享到”前面的小箭头？的主要内容，如果未能解决你的问题，请参考以下文章