セクションを斜めに区切るデザインをCSSで実装する方法 - Qiita<div class="content"> <section class="content01"></section> <section class="content02"></section> </div> .content01 { height: 300px; width: 100%; background-color: #74c23a; /* きみどり */ } .content02 { height: 300px; width: 100%; background-color: #8B3DC5; /* むらさき */ } .content { overflow: hidden; /* はみ出た部分は表示しない */ } .content01{ position: relative; height: 300px; width: 100%; background-color: #74c2
