画像を一切使わず、CSSだけでストライプ柄の背景を実現する方法をご紹介いたします。 CSSだけで背景をストライプ柄にする方法 斜めストライプ 斜めのストライプを実装するには、CSSで以下のように記述します。 background-image: linear-gradient( -45deg, #f5eeed 25%, #f4e2de 25%, #f4e2de 50%, #f5eeed 50%, #f5eeed 75%, #f4e2de 75%, #f4e2de ); background-size: 30px 30px; background-imageの「-45deg」がストライプの角度、「#f5eeed」と「#f4e2de」が色の指定になります。background-sizeでは、ストライプの太さを指定します。 これを見出しなどストライプ柄の背景にしたい要素に指定します。 上記を指定す