纯css制作带三角的边框(附效果图)

首先附上效果图：

以上的效果完全是用 css 来实现的，那么是怎么实现的呢？

我们知道 html 中有一些特殊的字符，具体的请点击 HTML特殊字符大全。

通过特殊字符，利用 css 中的 margin 或者 position 方法完全可以实现以上效果。

复制代码

代码如下:

demo1 是用 margin 方法

◆
◆

demo2 是用 position 方法

◆
◆

PS：除了用字符可以实现三角，我们还可以利用 border 来实现三角。具体地址： https://www.jb51.net/css/33748.html