Saltar al contenido principal
Codigo Heroe
Desafío anterior
Border Radius. Уровень 13/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-3.css"> <link rel="stylesheet" href="style.css"> </head> <body> <div class="scene"> <div class="target"></div> </div> </body> </html>
CSS
.target { border-radius: 8%; } /* Замените процентное значение border-radius, чтобы получилось как в образце. Возможные значения: 50% 24% 36% */
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