在內容之間創建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>