테스트 사이트 - 개발 중인 베타 버전입니다

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

kkanchu 10년 전 조회 2,277


 

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

급해요 자세히 알려주세요

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

답변 1개

레이네번째

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

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

 

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

 

그거 말고 딴 방법으로는

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

 

 

로그인 후 평가할 수 있습니다

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

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

로그인