내용 사이에 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>