css 这种边框用css怎么写啊？

Question

Answer 1

一般来说就是加一个梯形，我的话一般都是增加一个div然后用伪类实现：
CodePen Demo

当然还有很多的写法可以借鉴这个问题的思路：css 如何绘制等腰梯形边框？，只不过调换一下方向而已。

---

本文参与了SegmentFault 思否面试闯关挑战赛，欢迎正在阅读的你也加入。

Answer 2

截图看不清楚, 不过看起来应该是需要用img作为边框的, 可以使用 border-image系列属性
这是文档

本文参与了SegmentFault 思否面试闯关挑战赛，欢迎正在阅读的你也加入。

Answer 3

其实是一张图片来的，通过 border-image 去调整的，可以自行实践

.border_image{
    width:400px;
    height:100px; 
    border: 1em double orange; 
    -webkit-border-image:url(../image/border.png) 27; 
    border-image:url(../image/border.png) 27;
}

本文参与了SegmentFault 思否面试闯关挑战赛，欢迎正在阅读的你也加入。