Как сделать вкладки в форме трапеций

Трапеции — это еще более генерализованные фигуры, чем параллелограммы: у них только две параллельные стороны. Две оставшиеся могут быть наклонены под любым углом. Эти фигуры традиционно славятся сложностью создания с помощью чистого CSS, но при этом очень часто используются в веб-дизайне, особенно для оформления вкладок. Если разработчики не имитируют их посредством скрупулезно подготовленных фоновых изображений, то воссоздают с помощью прямоугольника с двумя треугольниками, сделанными из рамок, по бокам. Читать далее

		Это интересно 0	Как всё будет выглядеть в блоге: Как сделать вкладки в форме трапеций Трапеции — это еще более генерализованные фигуры, чем параллелограммы Скопируйте код для блога: <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/uchim-html/14862595/" 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;">Трапеции — это еще более генерализованные фигуры, чем параллелограммы </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/uchim-html/14862595/" 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;">Трапеции — это еще более генерализованные фигуры, чем параллелограммы </div> </div>

webguru

21.06.2018

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

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

Учим HTML 56

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

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

Как сделать вкладки в форме трапеций

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

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