Saltar al contenido principal
Codigo Heroe
Tarea anterior
Border Radius. Уровень 111/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-11.css"> <link rel="stylesheet" href="style.css"> </head> <body> <div class="scene"> <div class="target"></div> </div> </body> </html>
CSS
.target { border-radius: 5px / 5px; } /* Измените значения border-radius до и после /, чтобы получилось как в образце. Форма значения: горизонтальные радиусы до /, вертикальные после /. Возможные значения: 18px 54px 12px 30px */
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