배경 이미지가있는 대각선 div 테두리 CSS

Question

두 div의 사이에 대각선 간격을두고 서로의 div를 얻으려고합니다. stackoverflow는 대각선 div에 관한 여러 튜토리얼을 보았습니다. 그러나 div의 두 경계선을 단색으로 사용하고 대각선을 사용하여 만듭니다. 하지만 단색 대신에 그림/배경 이미지를 갖고 싶습니다. 대각선 아래에있는 텍스트와 같은 다른 콘텐츠도 있습니다. 테두리를 사용할 때 테두리를 사용할 수 없습니다. 오버플로가 숨겨져 있거나 내용물에 무언가가 떠있다. 내 테스트는 모두 내가 원하는 와트에서 끝나지 않았습니다. 이 같은 뭔가 :

덕분에 사람이 날 위해를 지적 할 수 있다면 많은. 두 번째 이미지에

Answer 1

추가 다음과 같은 스타일의

<style> 
 
    .img2{ 
 
    margin-right:-10px; 
 
    } 
 
    <style>