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

매출이 오르면 내리는 수수료! 지금 수수료센터에서 전자결제(PG)수수료 비교견적 신청해 보세요!
css 탭버튼 만드는데 질문있어요 [급해요]

QA

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

본문

0100ad5fc7cf0220b97ffc2dcabae02f_1445932060_5139.png
 

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

급해요 자세히 알려주세요

이 질문에 댓글 쓰기 :

답변 1

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

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

 

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

 

그거 말고 딴 방법으로는

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

 

 

답변을 작성하시기 전에 로그인 해주세요.
전체 180
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT