Saltar al contenido principal
Codigo Heroe
Tarea anterior
Border Radius. Уровень 118/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. Закрепите двойные значения у двух углов
Lista de tareas
  • 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-18.css"> <link rel="stylesheet" href="style.css"> </head> <body> <div class="scene"> <div class="target"></div> </div> </body> </html>
CSS
.target { border-top-right-radius: 0 0; border-bottom-left-radius: 0 0; } /* Измените два значения для каждого свойства border-radius, чтобы получилось как в образце. Первое значение для каждого свойства задаёт горизонтальный радиус, второе — вертикальный. Возможные значения: 50% 36% 16% 6% */
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