Чтобы сделать края 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.
