CSS 斜めで区切る

今回はcssで斜めの区切り方など、いろいろ方法がありますが

気に入ったのはbackground: linear-gradientを使用する方法です

軽く説明すると以下のようになるので参考になるかと

background: linear-gradient(

  ○○〇deg, /*  基本的な角度(無しでもいい) */

  #f00 0%,　/* 最初の角度からの色*/

  #f00 50%,　/*色の切り替え */

  #00f 50%,　/* 色の切り替え*/

  #00f 100%　/*最後には */

);