СРОЧНО ОЧЕНЬ !!!!!!!!!!! Помогите сделать в HTML и в CSS ниже файлДаю 40 баллов

0 голосов
52 просмотров

СРОЧНО ОЧЕНЬ !!!!!!!!!!! Помогите сделать в HTML и в CSS ниже файлДаю 40 баллов


image

Информатика (654k баллов) | 52 просмотров
Дан 1 ответ
0 голосов

#Таблица {

 border: 1px solid #00F;

 border-collapse: collapse;

}

#Таблица td {

 border: 1px solid #00F;

 padding: 5px 10px;

}

#Изображение {

 display: inline-flex;

 align-items: center;

 text-align: center;

 width: 120px;

 height: 150px;

 border: 1px solid #00F;

 border-radius: 10px;

 margin: 10px;

}

#Параметры {

 display: inline-block;

 margin: 10px;

 vertical-align: middle;

}

#Параметры > div {

 display: block;

}

.Параметр {

 display: inline-flex;

 width: 200px;

 height: 30px;

 border: 1px solid #00F;

 border-left: none;

 padding-left: 50px;

 line-height: 30px;

 margin: 5px;

}

.Кружок {

 display: inline-block;

 width: 30px;

 height: 30px;

 margin-right: -22px;

 margin-bottom: -11px;

 border: 1px solid #00F;

 border-radius: 50%;

}

.Кружок.Красный {

 background-color: #F00;

}

.Кружок.Зелёный {

 background-color: #0F0;

}

.Кружок.Синий {

 background-color: #00F;

}

   Изображение персонажа      Здоровье    Мана    Запас сил    
Имя Раса
(654k баллов)
0

Ну создай, что спрашиваешь...

0

создал

0

Ещё вопросы?

0

как в него зайти?

0

я захожу и у меня пустой сайт

0

Блокнотом же.

0

Если ты никогда не писал HTML-код, откуда ты вообще вытащил это задание и зачем тратишь моё время?

0

Мои действия 1) Захожу в блокнот 2) туда пишу этот код и все?

0

Сохраняешь, кодировку желательно UTF-8.

0

Нуу