CSS сделать края div полупрозрачный

Чтобы сделать края div полупрозрачными в CSS, можно использовать свойство border и добавить к нему значение rgba для цвета границы.

Пример:

div {
  border: 2px solid rgba(255, 255, 255, 0.5);
}

В данном примере div элементу добавляется граница из 2 пикселей шириной с цветом, указанным в rgba формате. Значение альфа-канала находится в диапазоне от 0 до 1, где 0 — полная прозрачность, а 1 — полная непрозрачность.

Также можно задавать разную прозрачность различным границам элемента, используя свойства border-top, border-right, border-bottom и border-left:

div {
  border-top: 2px solid rgba(255, 255, 255, 0.5);
  border-right: 2px solid rgba(0, 0, 0, 0.2);
  border-bottom: 2px solid rgba(255, 255, 255, 0.5);
  border-left: 2px solid rgba(0, 0, 0, 0.2);
}

В данном примере div элементу добавляются граничные линии разной прозрачности с помощью соответствующих свойств border-top, border-right, border-bottom и border-left.

Обратите внимание, что свойство opacity также может применяться к текущему элементу и тогда влияет на его содержимое. Поэтому, для создания полупрозрачных краев div элемента, лучше использовать свойство border и rgba.