hover 대해

hover 대해

QA

hover 대해

본문

css 궁금한점이 있습니다.

 

p {border-botto: 1px solid #000;}

p:hover {border-bottom: 2px solid #000;}

으로 했을 경우, 2px일때 border아래  내용들은 살짝 움직이는데 이걸 방지하고 싶어요

어떻게 해야 안움직이고 2px border가 될까요?

이 질문에 댓글 쓰기 :

답변 3



p {
    border-bottom: 1px solid #000;
    position:relative
}

p:hover:after {    
    content: '';
    left:0;
    bottom: -1px;
    width: 100%;
    height: 4px;
    border-bottom: 2px solid #000;
    position: absolute;
}

  box-shadow: 0 0 0 3px #000 inset;  


p {border-botto: 1px solid #000;padding-bottom:1px;}
p:hover {border-bottom: 2px solid #000;padding-bottom:0;}
답변을 작성하시기 전에 로그인 해주세요.
전체 2,629
QA 내용 검색

회원로그인

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