CSS: Как создать вкладку Foot?

Question

В большинстве современных браузеров легко создавать закругленные углы в CSS, поэтому мне было интересно, возможно ли создать закругленный угол, который изгибается наружу, или мне все еще нужно запустить PhotoShop для создания такого эффекта.

Нижняя нога в " См. Вкладку " на рисунке ниже демонстрирует, что я пытаюсь сделать с CSS:

note : Я не уверен, что foot - правильное слово для этого (что затруднило поиск), поэтому, если кто-то знает настоящий (или лучший) термин, тогда, пожалуйста, я знаю, и я буду обновлять вопрос соответственно.

Answer 1

Разделите эту задачу на сегменты, чтобы на рисунке была синяя фигура с одним закругленным углом поверх белого фона, рядом с вкладкой «Видеть» и т. Д.Тщательно подбирая цвета и используя формы, которые вы можете сгенерировать, вы можете создать шаблон, который будет работать с доступными инструментами.

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

Ссылка: http://www.css3.info/preview/rounded-border/