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;}
답변을 작성하시기 전에 로그인 해주세요.