SVGセクションの区切りを斜め線とかにしてしてみると、ちょっと他と違う感がでるかもしれない!斜め線はCSSで回転させたりする方法もありますが、ここではSVGを使用した方法をご紹介いたします。LinkDEMOHTMLHTMLは単純にsectionで並べるだけです。</div></section>SVGSVGは下記を外部ファイルとして保存しておきます。今回は右上がりの右下がりの2パターン作成しました。/></svg>CSSSVGはsectionのafterにそれぞれ読み込みます。afterの高さだけsectionのpadding-bottomも空けます。REPLYNAMEE-MAILURLコードを書く場合は<pre>で囲んでください。WixこのブログではjQueryやWordPressを中心としたWeb制作関係のことを書いております。ご意見ご感想などお気軽にコンタクトフォームよりお問い合わせください。Web関係のお仕事も募集しております。