在内容之间创建CSS形状分隔符

Question

我如何在wordpress中创建这样的部分？并且在黑色和白色部分都有对应于对角线的内容？

Answer 1

您可以使用CSS夹路径。你也可以使用这个网站来生成剪辑路径。

http://bennettfeely.com/clippy/

#mydiv{ 
 
height:200px; 
 
width:400px; 
 
background-color:red; 
 
-webkit-clip-path: polygon(0 0, 100% 0, 40% 100%, 0% 100%); 
 
clip-path: polygon(0 0, 100% 0, 40% 100%, 0% 100%); 
 
}

<div id="mydiv"> 
 
</div>