CSS-由三角形组成的边框

时间:2018-08-28 08:17:36

标签: javascript html css

这里有很多关于一个三角形作为底边框的问题,但是我想在底部有很多三角形,如下图所示。怎么办?

enter image description here

2 个答案:

答案 0 :(得分:0)

查看CSS属性。它允许使用图像作为边框

border-image: url('link-to-your-image.png') <spacing>;

https://developer.mozilla.org/en-US/docs/Web/CSS/border-image

答案 1 :(得分:-1)

我认为这是一张图片。您可以拍摄此图像并为要创建边框的部分创建:: before和:: after,然后将上方的三角形设置为:: before的背景,将下方的三角形设置为:: after的背景并设置位置之前和之后都是绝对的。将顶部的:: before作为顶部边框,将底部的:: after作为底部边框。