处于活动状态时如何向第二张图像添加笔尖。我已经尝试过此example来显示提示,但是我没有满足我的要求。
谢谢。
最佳答案
尝试这个
的HTML
<div id="pointed"> Arrow </div>
的CSS
#pointed {
position: relative;
margin: 0 auto;
width: 200px;
height: 200px;
background-color: black;color:white
}
#pointed::after {
position: absolute;
top: 100%;
left: 30%;
content: '';
width: 0;
height: 0;
border-top: solid 10px black;
border-left: solid 10px transparent;
border-right: solid 10px transparent;
}
DEMO