미채택 완료

css 탭버튼 만드는데 질문있어요 [급해요]

2015-10-27 (화) 16:48:26 2,569

0100ad5fc7cf0220b97ffc2dcabae02f_1445932060_5139.png
 

위에 그림처럼 중간에 선 있잖아요 그거 구현하는 방법 좀 알려주세요 ㅠㅠ 

급해요 자세히 알려주세요

|

답변 1개

2021-05-17 (월) 12:12:11

버튼을 감싸는 객체에 포지션을 relative를 주시고요.

그 객체:before{ content:""; display:block; height:1px; background:#ccc; position:absolute; top:마이너스값주기; left:0; width:100%}

안의 버튼들에게 모두 포지션relative주시면 되어요...

그거 말고 딴 방법으로는

부모객체에 border-top만 주시고요 자식들을 transform:translateY(마이너스 수치) 넣어주심되어요

답변을 작성하려면 로그인이 필요합니다.