【備忘録：HTML/CSS】cssのストック集って持ってたほうがいいよね？-斜線見出し編-

<h2 class="m-heading2-border">斜線の見出し</h2>

.m-border{
  background: 
    linear-gradient(
      -45deg,
      transparent 25%,#aaa 25%,
      #aaa 50%,transparent 50%,
      transparent 75%, #aaa 75%
    )
    left bottom/7px 7px repeat-y;
  //-45度の傾きで、25%まで「東名から#aaaに。25%から50%まで#aaaから透明に、50%から75%まで透明から#aaaに。
  //left bottomに配置し、7pxに設定。repeat-yで縦方向に、repeat-xで横方向に。

  padding-left: 15px;//※これは線との余白感を出すために設定しているのでなくても大丈夫です。※
  padding-bottom: 15px;//※これは線との余白感を出すために設定しているのでなくても大丈夫です。※
}