Saltar al contenido principal
Codigo Heroe
Desafío anterior
Border Radius. Уровень 18/18
Ver desafíos del nivel
  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 desafío
  • Skill Atlas

Cargando…
Estará listo en unos segundos.

  • Desafío

Закрепите три значения

Replica el ejemplo modificando el código
DificultadMedia
CategoríaHTML/CSS
Ahora
Estado actual de la página
Ejemplo
Resultado que debes obtener
ResultadoAparecerá después de la primera comprobaciónAparecerá después
  • 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-8.css"> <link rel="stylesheet" href="style.css"> </head> <body> <div class="scene"> <div class="target"></div> </div> </body> </html>
CSS
.target { border-radius: 12% 12px 12%; } /* Измените три значения border-radius, чтобы получилось как в образце. Возможные значения: 16px 24% 40% 8px 30% */
Vista previa

El código cambió. Haz clic en «Actualizar» o activa la ejecución automática.

Saliste de la página del desafío.

Haz clic dentro de la vista previa para enfocar esta ventana.

100%
0
    Completado 0%.
    Codigo Heroe

    © 2023-2026, codigoheroe.com