Разница между border-color и background-color при создании рамок в CSS заключается в том, за что каждое из свойств отвечает.

Border-color — узкоспециализированное свойство, которое меняет только цвет рамок. 1 Оно устанавливает цвет для всех границ в одном объявлении. 2 По умолчанию — цвет элемента. 2

Background-color — свойство, которое определяет цвет фона для любого элемента в CSS. 3 Оно распространяется на сам контент и отступы от него (padding). 3

Таким образом, border-color работает с рамками, а background-color — с фоном элемента.