Трапеция? Неправильный прямоугольник?

[necro]

Добрый день. Подскажите, как можно заверстать вот такие штуки? Без картинок.

http://prntscr.com/anvzcp

http://prntscr.com/anvzgx

http://prntscr.com/anvzpg

Спасибо!

 

 

[npofopr]

А вы так и спрашивайте в Поисковиках: Меню с косыми линиями.

Будет куча результатов. + можно на codepen порыться. 

[necro]

17 минут назад, npofopr сказал:

А вы так и спрашивайте в Поисковиках: Меню с косыми линиями.

Будет куча результатов. + можно на codepen порыться. 

Как все таки жизнь облегчают правильные запросы. На второй же странице нашел то. что нужно, до этого весь гугл перерыл, но ничего толком не нашел. Спасибо)

[Launder]

На форуме есть ещё тема по поводу различных фигур... И ссылка, в частности, на большое количество примеров.

[necro]

Это я все читал, не то. Чтобы бордер просто был, а не заливка, таким макаром не получится. Ну или получится, но я слишком слабенький, а таких примеров там нет)

http://jsfiddle.net/abarykin/Y4r9X/

Тут и реализация проще и работает как надо

[Launder]

21 минуту назад, necro сказал:

Это я все читал, не то. Чтобы бордер просто был, а не заливка, таким макаром не получится. Ну или получится, но я слишком слабенький, а таких примеров там нет)

http://jsfiddle.net/abarykin/Y4r9X/

Тут и реализация проще и работает как надо

Отличный пример с обрезанием крайних элементов Пару моментов: для самого блока Ul задание обтекания, в рамках примера, не нужно, и для того, чтоб свойство color работало, нужно задать его непосредственно для ссылок.