border 적용으로 요소가 밀릴 때

이승혜·2021년 6월 1일
0

CSS

목록 보기
4/4

focus, hover 등 효과로 border 값을 주었을 때,
요소가 미세하게 밀리는 경우가 있는데 그 땐 요소에 margin: -1px;을 주면됨

button {
  border: 1px solid #e5e5e5;
  &:focus {
    outline: none;
    border: 2px solid #000;
    margin: -1px;
  }
}
profile
더 높이

0개의 댓글