Pues puedes establecer el color de fondo con opacidad de enviando su valor en distintas formas: **rgba** .a{ color: black; background-color: rgba(0, 255, 0, 0.2); // un verde con opacidad font-size: 150%; font-family: Oswald; } **hsla** .a{ color: black; background-color: hsla(120, 100%, 50%, 0.3); // un verde con opacidad font-size: 150%; font-family: Oswald; } Ejemplo: <!-- begin snippet: js hide: false console: true babel: false --> <!-- language: lang-css --> #rgba { color: black; background-color: rgba(0, 255, 0, 0.1); font-size: 150%; font-family: Oswald; padding: 15px; text-decoration: none; } #hsla { color: black; background-color: hsla(120, 100%, 50%, 0.1); font-size: 150%; font-family: Oswald; padding: 15px; text-decoration: none; } <!-- language: lang-html --> <h5>Verde con opacidad al 1% usando rgba</h5> <a id="rgba" class="btn a" href="menu">MENU</a> <h5>Verde con opacidad al 1% usando hsla</h5> <a id="hsla" class="btn a" href="menu">MENU</a> <!-- end snippet --> --- [Referencia sobre colores CSS](https://www.w3schools.com/css/css3_colors.asp)