css 탭버튼 만드는데 질문있어요 [급해요]
본문
위에 그림처럼 중간에 선 있잖아요 그거 구현하는 방법 좀 알려주세요 ㅠㅠ
급해요 자세히 알려주세요
답변 1
버튼을 감싸는 객체에 포지션을 relative를 주시고요.
그 객체:before{ content:""; display:block; height:1px; background:#ccc; position:absolute; top:마이너스값주기; left:0; width:100%}
안의 버튼들에게 모두 포지션relative주시면 되어요...
그거 말고 딴 방법으로는
부모객체에 border-top만 주시고요 자식들을 transform:translateY(마이너스 수치) 넣어주심되어요
답변을 작성하시기 전에 로그인 해주세요.