https://zenn.dev/tak_dcxi/articles/690caf6e9c4e26

.stripe-yellow {
-webkit-background-size: 8px 8px;
-moz-background-size: 8px 8px;
background-size: 8px 8px;
background-color: #fff;
background-image: -webkit-gradient(linear,0 100%,100% 0,color-stop(.25,#fc6),color-stop(.25,transparent),color-stop(.5,transparent),color-stop(.5,#fc6),color-stop(.75,#fc6),color-stop(.75,transparent),to(transparent));
background-image: -webkit-linear-gradient(45deg,#fc6 25%,transparent 25%,transparent 50%,#fc6 50%,#fc6 75%,transparent 75%,transparent);
background-image: -moz-linear-gradient(45deg,#fc6 25%,transparent 25%,transparent 50%,#fc6 50%,#fc6 75%,transparent 75%,transparent);
background-image: -ms-linear-gradient(45deg,#fc6 25%,transparent 25%,transparent 50%,#fc6 50%,#fc6 75%,transparent 75%,transparent);
background-image: -o-linear-gradient(45deg,#fc6 25%,transparent 25%,transparent 50%,#fc6 50%,#fc6 75%,transparent 75%,transparent);
background-image: linear-gradient(45deg,#fc6 25%,transparent 25%,transparent 50%,#fc6 50%,#fc6 75%,transparent 75%,transparent);
font-weight: 700;
}

https://wweb.dev/resources/creative-backgrounds/

• 日本語の縦書きサイトで使うCSSプロパティと注意点
  https://haniwaman.com/japanease-css/
• 縦書きに関するHTML、CSS設定の備忘録
  https://note.com/eveningmoon_lab/n/na85e167f500b
  リンク多め
• 縦中横もできるらしい
  https://www.bscre8.com/bslife/2021/04/10/nojiri202104/

現場で使えるFlexboxレイアウト12選。実際に使ってきたレイアウトを紹介します

https://pulpxstyle.com/css-tips/
見出しの改行位置を調整する
見出しのみ全画面表示
2色のかぎかっこ
写真に斜線の枠
写真に三角のあしらい
おしゃれな写真アルバムのような表現
写真にドット背景をずらして配置
枠線をずらしたボタン
斜線背景をずらしたボタン

簡単CSSアニメーション＆デザイン20選（ソースコードと解説付き）

https://www.sidethree.co.jp/blog/memo/202011.html

最後の行を右詰めにしたいなど

2020年のCSSのまとめ、FlexboxやCSS Gridの使用状況、よく使用するプロパティや単位、人気のフレームワークやツールなど

https://ebisu.com/note/html-css-3years/

新しいプロパティ：値を教えてくれる。

。

CSSを最適化してページの読み込み時間を高速化する方法

CSS Flexboxでヘッダを実装する最近のテクニックのまとめ

コピペで簡単！シンプルなHTMLとCSSで実装された17種類のヘッダのテンプレート -headers.css

「vw, vh, vmin, vmax」を使ったCSSのテクニックのまとめ