css3实现异形容器

Question

对css3不熟悉，想了半天没想到解决方案，各位大神能否用css实现如下的容器，内容既可以是图片也可以是文字，容器形状如下：

Answer 1

div{

            width: 100px;
            height: 100px;
            background-color: #0000FF;
            background: linear-gradient(-45deg, transparent 20px, #0000FF 0);
        }

这个实现的是右下角一个三角形的裁减，那条线你自己弄喽，
推荐你这篇文章https://segmentfault.com/a/11...

Answer 2

老哥我想知道怎么能让border跟着一起变？