How to give text or an image a transparent background using CSS?

Either use a semi-transparent PNG or SVG image or use CSS:

background-color: rgba(255, 0, 0, 0.5);

For ex : 

<p style="background-color: rgba(255, 0, 0, 0.5);">

  <span>Hello, World!</span>

</p>