如何在CSS中创建有角度的角边 我的主要站点容器遵循一条非常不寻常的路径，我很难找出如何实现它，主要是中间的角度部分。

希望我能通过CSS做到这一点，尽管我对其他选择持开放态度。我做了很多搜索，找到了一些适用于此的东西，但没有具体的内容

给你：

.edge{位置：相对；背景色：#cccccc；边框：1px实心#ffffff；显示：内联块；}
.edge img{display:block；}
.edge:在{内容：''之前；位置：绝对；左侧：-1px；顶部：-1px；顶部边框：50px实心#ffffff；右侧边框：50px实心透明；}
.edge:在{内容：''之后；位置：绝对；左侧：-2px；顶部：-2px；顶部边框：50px纯白；右侧边框：50px纯白；}

这个问题似乎离题了，因为它应该移到@uthark-为什么？他们在寻找CSS解决方案，我看不到任何wordpress的参考！原始问题中提到了Wordpress，但我将其删掉了，因为实际问题与Wordpress无关。@JonP最初的问题表示Wordpress+不清楚问题是否涉及Wordpress的具体css。

.edge{position:relative;background-color:#cccccc;border:1px solid #ffffff;display:inline-block;}
.edge img{display:block;}
.edge:before{content:'';position:absolute;left:-1px;top:-1px;border-top:50px solid #ffffff;border-right:50px solid transparent;}
.edge:after{content:'';position:absolute;left:-2px;top:-2px;border-top:50px solid white;border-right:50px solid transparent;}

<div class="edge">
    <img src="http://placekitten.com/g/500/300" alt="" />
</div>