При создание заданного фона, который может идти под разную тематику, так как во главе мы устанавливаем прозрачность, где задействуем свойство background или background-color, в качестве значения указывается функция rgba(), где цветовая палитра задаётся четырьмя параметрами и уровнем прозрачности.
HTML
Код
<body>
<div class="poluprovacum">
Здесь написано значение знаков на полупрозрачном фоне.
</div>
CSS
Код
body {
/* Параметры фонового изображения */
background: url(Фон виде изображение в ссылке) center / cover no-repeat fixed;
}
.poluprovacum {
background: rgba(247, 244, 244, 0.8); /* Полупрозрачный фон */
padding: 1rem; /* Поля вокруг текста */
border-radius: 5px; /* Радиус скругления */
}