Для создания стиля с границей для блока можно использовать свойство `border` или его отдельные атрибуты `border-width`, `border-style` и `border-color`. Например:
```css
.block {
border: 1px solid black;
}
```
Если необходимо накладывать прозрачность через псевдоэлементы, можно использовать свойство `opacity`. Например:
```css
.block:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5); /* прозрачный черный цвет */
z-index: -1;
opacity: 0.5; /* прозрачность */
}
```
Еще один способ накладывания прозрачности — использование свойства `background-color` с прозрачным значением в формате RGBA. Например:
```css
.block {
background-color: rgba(0, 0, 0, 0.5); /* прозрачный черный цвет */
}
```
Также возможен вариант использования свойства `filter` с функцией `opacity()`. Например:
```css
.block {
filter: opacity(0.5); /* прозрачность */
}
```
Альтернативным способом является использование свойства `backdrop-filter` для применения эффектов к окружению блока. Однако, данное свойство имеет ограниченную поддержку в некоторых браузерах. Пример:
```css
.block {
backdrop-filter: blur(10px); /* размытие окружения */
}
```
