Как сделать гибкие эллипсы

Проблема

Вероятно, вы замечали, что любой квадратный элемент, для которого определено достаточно большое значение border-radius , можно превратить в круг с помощью примерно такого CSS-кода:
background: #fb3;
width: 200px;
height: 200px;
border-radius: 100px; /* >= половины длины стороны */
Возможно, вы также замечали, что в подобной ситуации можно было бы указать любое значение радиуса больше 100px и все равно получить в результате круг. Причина объясняется в спецификации: Если сумма любых двух радиусов соседних рамок превышает размер поля рамки, пользовательские агенты должны пропорционально уменьшать используемые значениях всех радиусов рамки, чтобы наложения не происходило. Читать далее

Вступите в группу, и вы сможете просматривать изображения в полном размере

		Это интересно 0	Как всё будет выглядеть в блоге: Как сделать гибкие эллипсы Проблема Вероятно, вы замечали, что любой квадратный элемент, для которого определено достаточно большое значение border-radius , можно превратить в круг с помощью примерно такого CSS-кода Скопируйте код для блога: <div style="border:1px solid #E8E8E8;margin:10px auto;padding:10px 15px;"> <a href="https://subscribe.ru/" style="display:block;"><img src="https://subscribe.ru/img/logokanal.png" style="margin:0;border: 0;" alt=""/></a> <a href="https://subscribe.ru/group/gruppa-polzovatelej-interneta-u-kotoryih-est-svoi-malenkie-sajtyi-i-blogi/17644637/" style="border-color:#E8E8E8;border-style:solid;border-width:1px 0;color:#555555;display:block;font-family:trebuchet MS;font-size:1.2em; font-weight:bold;margin:5px 0;padding:5px 0;text-decoration:none;"> Как сделать гибкие эллипсы </a> <div class="insert-intro" style="font-family:trebuchet MS;">Проблема Вероятно, вы замечали, что любой квадратный элемент, для которого определено достаточно большое значение  border-radius , можно превратить в круг с помощью примерно такого CSS-кода </div> </div> Как сделать гибкие эллипсы <div style="border:1px solid #E8E8E8;margin:10px auto;padding:10px 15px;"> <a href="https://subscribe.ru/" style="display:block;"><img src="https://subscribe.ru/img/logokanal.png" style="margin:0;border: 0;" alt=""/></a> <a href="https://subscribe.ru/group/gruppa-polzovatelej-interneta-u-kotoryih-est-svoi-malenkie-sajtyi-i-blogi/17644637/" style="border-color:#E8E8E8;border-style:solid;border-width:1px 0;color:#555555;display:block;font-family:trebuchet MS;font-size:1.2em; font-weight:bold;margin:5px 0;padding:5px 0;text-decoration:none;">Как сделать гибкие эллипсы</a> <div style="font-family:trebuchet MS;">Проблема Вероятно, вы замечали, что любой квадратный элемент, для которого определено достаточно большое значение border-radius , можно превратить в круг с помощью примерно такого CSS-кода </div> </div>

webguru

05.08.2022

В избранное Пожаловаться Просмотров: 141

Комментарии ⁰

Группа пользователей Интернета у которых есть свои маленькие сайты и блоги 5929

Активные участники:

Последние откомментированные темы:

Как сделать гибкие эллипсы

Проблема

Комментарии временно отключены

Премодерируемое участие
3091 участник