这个当点击的时候怎么设计这个箭头样式。
3 回答
子衿沉夜
TA贡献1828条经验 获得超3个赞
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
.item {
background-color: deepskyblue;
margin-bottom: 8px;
width:160px;
position: relative;
height:40px;
line-height: 40px;
}
.item::after {
content: '';
position: absolute;
left:100%;
width: 0;
height: 0;
border-top: 20px solid transparent;
border-bottom: 20px solid transparent;
border-left: 20px solid deepskyblue;
}
</style>
</head>
<body>
<ul style="list-style: none;">
<li class="item">2+2双学士本科项目</li>
<li class="item">1+1双学士学位</li>
</ul>
</body>
</html>
添加回答
举报
0/150
提交
取消