Чтобы убедиться, что разработчик правильно применил свойство `border-radius` на сайте, можно воспользоваться инструментами разработчика (DevTools), которые есть в большинстве современных браузеров. Вот шаги для проверки:
1. **Открытие инструментов разработчика**:
- В большинстве браузеров вы можете открыть инструменты разработчика, нажав клавиши `F12` или `Ctrl + Shift + I` (Cmd + Option + I на Mac).
2. **Выбор элемента**:
- После открытия DevTools, используйте инструмент выбора (`Elements` или `Inspector`), который обычно выглядит как значок курсора. Нажмите на этот значок и затем кликните на элемент, который вас интересует на странице.
3. **Проверка стилей**:
- В правой части DevTools вы увидите панель стилей (обычно это вкладка `Styles`). Здесь вы можете увидеть все CSS-свойства, примененные к выбранному элементу, в том числе и `border-radius`.
- Если `border-radius` применяется, вы увидите его значение. Обратите внимание на визуальный эффект на элементе в окне браузера.
4. **Визуальный контроль**:
- Вы можете изменить значение `border-radius` прямо в DevTools, чтобы увидеть, как это повлияет на элемент. Например, вы можете установить `border-radius: 0;` и увидеть, измениться ли форма элемента.
### Горячие клавиши
- `F12` или `Ctrl + Shift + I` (Cmd + Option + I на Mac) для открытия инструментов разработчика.
- `Ctrl + Shift + C` (Cmd + Shift + C на Mac) для активации инструмента выбора элемента (элемент будет выделен, и вы сможете кликнуть на нужный элемент на странице).
Эти простые шаги помогут вам убедиться, что свойство `border-radius` применено правильно, и, если нужно, вы сможете вносить изменения в реальном времени, чтобы увидеть их эффект на странице.