HTML5 css下三角单引号怎么写 50
展开全部
<!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>
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
这不是图标吗,我的天还用单引号呀,i标签就搞定了,css用定位就行了,伪元素也可以
更多追问追答
追问
这个不是图标,是用i标签html5 css可以实现的,请问这个怎么才能写得出来,可以写一下给我吗?谢谢
追答
我的天,你老师叫你这样做感觉毫无意义,现成的不用,还要用单引号去拼,代码就是为了简单提高效率,没必要变得复杂的
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询