http://www.hyundai.com/kr/index.do


여기 현대자x차 같은 메뉴를 보면 border 로 줄 값 중간에 저렇게 세모꺽쇠? 모양을 줬는데 어떻게 하는지 모르겠어요
방법을 가르쳐주시면 감사하겠습니다.


좀 검색해서 해봤는데.

border-top: 20px solid transparent;
border-bottom: 20px solid transparent;
border-right: 20px solid red;

이값을 주면 세모모양이 나오기는 하는데, 이미지처럼 줄이 일찍선으로 내려오다 중간에 한번 꺽이고 다시 일직선으로 내려가는모양을 내보려구요. ㅠㅠ

아시는분 계실까요