Поместите мяч в центр поля (CSS)
важность: 5
Поместите мяч в центр поля при помощи CSS.
Исходный код:
Используйте CSS, чтобы поместить мяч в центр:
- CSS для центрирования может использовать размеры мяча.
- CSS для центрирования не должен опираться на конкретный размер поля.
Сместим мяч в центр при помощи left/top=50%
, а затем приподымем его указанием margin
:
#ball
{
position
:
absolute;
left
:
50
%
;
top
:
50
%
;
margin-left
:
-20
px
;
margin-top
:
-20
px
;
}