Border-radius и box-shadow — это разные свойства CSS, каждое из которых выполняет свою задачу. 15

Border-radius используется для добавления закруглённых углов к элементу. 1 Каждое значение соответствует углу коробки, начиная с верхнего левого и двигаясь по часовой стрелке. 1

Box-shadow добавляет тень к элементу. 5 Если для элемента задаётся радиус скругления через свойство border-radius, то тень также получится с закруглёнными уголками. 5

Таким образом, основное отличие в том, что border-radius создаёт закруглённые углы, а box-shadow — тень для элемента. 15

При этом эти свойства можно использовать вместе: если для элемента с тенью задать border-radius, то тень будет иметь те же закруглённые углы. 3