反应块上的小点

Question

正如您在this链接上看到的那样，在左侧有一个小点 我想知道是不是只有一个班级在左边做一个小点。不使用CSS？就像class="img-circle"一样，例如它使它成为圆形。

this pointer

Answer 1

<强> HTML

<div class="triangle">here we talk!!</div>

<强> CSS：

.triangle{
position: relative;
width: 100px;
height: 100px;
color: white;
background-color: rgba(0,0,0,.8);
}


.triangle:after{
position: absolute;
left:-10px;
top: 18px;
content: '';
width: 0;
height: 0;
border-right: solid 10px rgba(0,0,0,.8);
border-bottom: solid 10px transparent;
border-top: solid 10px transparent;
}

解释：
在div中你在css中创建了正方形我定义它...
在:after我定义了三角形
如果你想改变背景颜色，你必须改变它们