CSSで不透明度80%に指定するとき、 opacityプロパティか、HEX(16進数)か、RGBAの3通りがあります。 例えば背景色に指定する場合は以下のようになります。 /* opacityプロパティで指定 */ .A{ background-color: #000; /* ← rgb(0,0,0);でもOK */ opacity: 0.8; } /* HEXで指定 */ .B{ background-color: #000000CC; } /* RGBAで指定 */ .C{ background-color: rgba(0,0,0,0.8); }
![【CSS】不透明度をカラーコードで指定する便利な方法](https://cdn-ak-scissors.b.st-hatena.com/image/square/f68b0fef771cb5c0eed0661224aca18bb13550c4/height=288;version=1;width=512/https%3A%2F%2Ftoriton.link%2Fwp-content%2Fuploads%2F2021%2F10%2Fopacity_colorcode.jpg)