이미지와 같은 border 모양내는방법..?
http://www.hyundai.com/kr/index.do
여기 현대자x차 같은 메뉴를 보면 border 로 줄 값 중간에 저렇게 세모꺽쇠? 모양을 줬는데 어떻게 하는지 모르겠어요
방법을 가르쳐주시면 감사하겠습니다.
좀 검색해서 해봤는데.
border-top: 20px solid transparent;
border-bottom: 20px solid transparent;
border-right: 20px solid red;
이값을 주면 세모모양이 나오기는 하는데, 이미지처럼 줄이 일찍선으로 내려오다 중간에 한번 꺽이고 다시 일직선으로 내려가는모양을 내보려구요. ㅠㅠ
아시는분 계실까요
여기 현대자x차 같은 메뉴를 보면 border 로 줄 값 중간에 저렇게 세모꺽쇠? 모양을 줬는데 어떻게 하는지 모르겠어요
방법을 가르쳐주시면 감사하겠습니다.
좀 검색해서 해봤는데.
border-top: 20px solid transparent;
border-bottom: 20px solid transparent;
border-right: 20px solid red;
이값을 주면 세모모양이 나오기는 하는데, 이미지처럼 줄이 일찍선으로 내려오다 중간에 한번 꺽이고 다시 일직선으로 내려가는모양을 내보려구요. ㅠㅠ
아시는분 계실까요
첨부파일
댓글 1개
11년 전
저건 이미지로 했네요.
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;
}
게시글 목록
| 번호 | 제목 |
|---|---|
| 284508 | |
| 284499 | |
| 284492 | |
| 284490 | |
| 284484 | |
| 284481 | |
| 284478 | |
| 284476 | |
| 284474 | |
| 284472 | |
| 284470 | |
| 284458 | |
| 284457 | |
| 284454 | |
| 284453 | |
| 284447 | |
| 284446 | |
| 284444 | |
| 284441 | |
| 284440 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기