Перекрывающиеся овальные границы CSSCSS

Разбираемся в CSS
Ответить
Anonymous
 Перекрывающиеся овальные границы CSS

Сообщение Anonymous »


Я пытаюсь создать для своего сайта контейнер в виде футбольного мяча с тремя разными цветами. Я делаю это, помещая контейнеры внутри контейнеров, но границы накладываются друг на друга в правом нижнем углу контейнеров. Как мне сделать так, чтобы все было правильно отцентрировано?


Изображение


Я пробовал работать с тегами позиций, но это не сработало.

body { фон: #0a1629; } .logo { высота: 35vw; максимальная высота: 270 пикселей; ширина: 65мм; максимальная ширина: 500 пикселей; радиус границы: 50%; граница: 1vw сплошная #c73804; } .среднее кольцо { высота: 35,5vw; максимальная высота: 274 пикселей; ширина: 65,5 дюйма; максимальная ширина: 504 пикселей; радиус границы: 50%; граница: 1vw сплошная #ffffff; } .внешнее кольцо { высота: 36vw; максимальная высота: 278 пикселей; ширина: 66vw; максимальная ширина: 508 пикселей; радиус границы: 50%; граница: 1vw сплошная #c73804;
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «CSS»