.receipt { background-image: url("images/紙の画像"); background-repeat: no-repeat; background-size: cover; box-shadow: 1px 2px 6px rgb(0 0 0 / 0.1); /* 若干影つける */ } .receipt > * { opacity: 0.9; /* テキストやボーダーを全部若干薄めにする */ mix-blend-mode: multi...
背景色, 角丸度合い, そして box-shadow ユーティリティ ( bg-white, rounded-lg, shadow-xl ) によってカードの外観をスタイリング 横幅 と高さ ユーティリティ ( w-12 とh-12 ) によるロゴ画像のサイズ指定 マージン とパディング ユーティリティ ( ml-6 とpt-1 ) によるカ...