css 写带三角形的对话框,空心的三角形边框

css 写带三角形的对话框,空心的三角形边框_第1张图片

首先,我们要会先实现一个小三角形;

思路:利用元素的 border 属性,将其三个方向的 border-color 值设为透明色(或者和其父元素的背景色一致,形成视觉差,俗称障眼法),剩下一个方向的 border-color 的值即为你需求的三角形的颜色。

重点!!!!!

 

span 画一个三角形,然后span 的伪类画一个和背景色一样的小一点点的三角形,摞在一起,注意一下z-index,然后就完成啦

汇总统计
汇总统计
汇总统计
汇总统计

你可能感兴趣的:(css,前端,javascript)