이미지와 같은 border 모양내는방법..? 정보
이미지와 같은 border 모양내는방법..?
본문
여기 현대자x차 같은 메뉴를 보면 border 로 줄 값 중간에 저렇게 세모꺽쇠? 모양을 줬는데 어떻게 하는지 모르겠어요
방법을 가르쳐주시면 감사하겠습니다.
좀 검색해서 해봤는데.
border-top: 20px solid transparent;
border-bottom: 20px solid transparent;
border-right: 20px solid red;
이값을 주면 세모모양이 나오기는 하는데, 이미지처럼 줄이 일찍선으로 내려오다 중간에 한번 꺽이고 다시 일직선으로 내려가는모양을 내보려구요. ㅠㅠ
아시는분 계실까요
댓글 전체
저건 이미지로 했네요.
http://www.hyundai.com/kr/images/common/gnb/bg_arrow.gif
.sub-camenu-wrap .sort-menu .arrow {
display:block;
position:absolute;
top:40px;
left:-1px;
width:15px;
height:27px;
background:url('/kr/images/common/gnb/bg_arrow.gif') no-repeat;
}
http://www.hyundai.com/kr/images/common/gnb/bg_arrow.gif
.sub-camenu-wrap .sort-menu .arrow {
display:block;
position:absolute;
top:40px;
left:-1px;
width:15px;
height:27px;
background:url('/kr/images/common/gnb/bg_arrow.gif') no-repeat;
}
