Saltar al contenido principal
Codigo Heroe
Tarea anterior
Border Radius. Уровень 17/18
A la lista de tareas
  1. 1. Скруглите карточку
  2. 2. Подберите радиус плитки
  3. 3. Сделайте круглый маркер
  4. 4. Скруглите купон процентом
  5. 5. Настройте два радиуса
  6. 6. Закрепите два радиуса
  7. 7. Настройте три радиуса
  8. 8. Закрепите три значения
  9. 9. Настройте четыре радиуса
  10. 10. Закрепите четыре радиуса
  11. 11. Настройте радиусы через слэш
  12. 12. Закрепите слэш-синтаксис
  13. 13. Скруглите один угол карточки
  14. 14. Закрепите свойство одного угла
  15. 15. Распознайте свойства двух углов
  16. 16. Закрепите свойства двух углов
  17. 17. Настройте двойные значения у двух углов
  18. 18. Закрепите двойные значения у двух углов
Siguiente tarea
  • Cursos
  • Registro
  • Iniciar sesión

Loading…
En unos segundos, estará listo.

  • Задание

Настройте три радиуса

Отредактируйте код так, чтобы результат совпал с образцом
сложностьсредняя
категорияHTML/CSS
Сейчас
это текущее состояние страницы
Образец
Такой результат нужно получить
РезультатПоявится после первой проверкиПоявится позже
  • index.html
  • style.css
HTML
<!DOCTYPE html> <html lang="ru"> <head> <meta charset="utf-8"> <title>Настройте три радиуса</title> <link rel="stylesheet" href="setting.css"> <link rel="stylesheet" href="local-7.css"> <link rel="stylesheet" href="style.css"> </head> <body> <div class="scene"> <div class="target"></div> </div> </body> </html>
CSS
.target { border-radius: 0 0 0; } /* Измените три значения border-radius, чтобы получилось как в образце. Первое значение применяется к верхнему левому углу, второе — к верхнему правому и нижнему левому, третье — к нижнему правому. Возможные значения: 10px 54px 6px 36px 18px */
Live preview

El código ha cambiado, haz clic en "Actualizar" o activa la ejecución automática.

Ha ido a otra página

Haga clic dentro del mininavegador para poner el foco en esta ventana.

100%
0
    Realizado 0%.
    Codigo Heroe

    © 2023-2026, codigoheroe.com