麻烦请教一下各位，HTML5 css下三角单引号怎么写，请看图，会的话麻烦发一下给我，谢谢
第1个回答 2019-04-29
首先，下载个QQ拼音，然后按v， 在按1 ，自己找
v1
追问不行的，我之前有测试过了，要用i标签写才行，只是不知道怎么写，请问你会吗，你会的话麻烦发一下给我，谢谢
追答∨
追问请看图，有办法帮我完整提交问题那张图这样的效果吗，现在这样感觉还是有点怪怪的，麻烦你了
在加个class : fa-2x
追问请问怎么加？可以写一个完整的给我吗，谢谢
追答把class = "fa fa-angle-down fa-2x" 改成这样
跟原图效果还是差很远，请查看图，请问还有其它办法吗？
你自己做个这样的图标图片，然后把 i标签改成img标签，导入这个图片
第2个回答 2019-04-29
<style>
.test:after {display:inline-block; content:"^"; transform:rotate(180deg) scale(1.4,0.8);}
</style>
<span class="test">服务</span>追问
.test:after {display:inline-block; content:"^"; transform:rotate(180deg) scale(1.4,0.8);}
</style>
<span class="test">服务</span>追问
兄弟，请问还能更修复一点吗？你这个写得差不多了，可以看得到图吗？
0.18 改成 0.8
追问改了，效果还是很渺小，跟我完整提交问题那张图的效果还是不一样，那张图的效果是比较大一点的，这个太小了，还有其它办法吗，麻烦你了
追答scale(1.4,0.8) 这括号里面的两个值分别是横向和纵向的扩大倍数，你自己把它们改到合适的值即可
我这里测试的结果：
第3个回答 2019-04-29
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<style type="text/css" rel="stylesheet">
.test{
color:red;
position: relative;
margin-right: 20px;
}
.test:after{
content: '';
width: 6px;
height: 6px;
margin: 6px;
border: 2px solid #0a6aa1;
border-left-color: transparent;
border-top-color: transparent;
position: absolute;
transform: rotate(45deg);
transform-origin: center;
}
.test:active:after{
bottom: 0;
border: 2px solid #2f2f2f;
border-right-color: transparent;
border-bottom-color: transparent;
}
</style>
</head>
<body>
<a class="test">hello,this is a test</a>
</body>
</html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<style type="text/css" rel="stylesheet">
.test{
color:red;
position: relative;
margin-right: 20px;
}
.test:after{
content: '';
width: 6px;
height: 6px;
margin: 6px;
border: 2px solid #0a6aa1;
border-left-color: transparent;
border-top-color: transparent;
position: absolute;
transform: rotate(45deg);
transform-origin: center;
}
.test:active:after{
bottom: 0;
border: 2px solid #2f2f2f;
border-right-color: transparent;
border-bottom-color: transparent;
}
</style>
</head>
<body>
<a class="test">hello,this is a test</a>
</body>
</html>
第4个回答 2019-04-29
这不是图标吗，我的天还用单引号呀，i标签就搞定了，css用定位就行了，伪元素也可以追问
这个不是图标，是用i标签html5 css可以实现的，请问这个怎么才能写得出来，可以写一下给我吗？谢谢
追答我的天，你老师叫你这样做感觉毫无意义，现成的不用，还要用单引号去拼，代码就是为了简单提高效率，没必要变得复杂的
追问重点客户就是要这样的效果，你这边能否用代码帮我写出来，会的话麻烦写一下，谢谢你
