小编use*_*935的帖子

如何在左侧div上创建尖角三角形

我想问一下如何创建一个尖头的div来显示用户的评论。指向的div应该如下所示:

在此处输入图片说明

你有什么主意吗?谢谢

它应该看起来像这样,但只是将三角形放在左侧而不是顶部。

#pointed {
position: relative;
margin: 0 auto;
width: 50px;
height: 50px;
padding: 4px;
color: white;
background-color: rgba(0,0,0,.8);
}

#pointed:after,
#pointed::after {
position: absolute;
top: -5px;
left: 22px;
content: '';
width: 0;
height: 0;
border-bottom: solid 5px rgba(0,0,0,.8);
border-left: solid 5px transparent;
border-right: solid 5px transparent;
}
Run Code Online (Sandbox Code Playgroud)

css jquery

0
推荐指数
1
解决办法
3481
查看次数

标签 统计

css ×1

jquery ×1