[javascript][css] border-radius / 메뉴모양 만들기

css 관련 지식은, 남보다 더 정리를 잘 할 필요도, 자신이 없으므로 펌 모드~~

찾은 것 중에 제일 잘되있는 걸로! 나중에 다시 찾아보기 위함

 

CSS / border-radius / 테두리 둥글게 만드는 속성

 

 

그래서 내가 하고싶었던 것은 두구두...구...

 

 

몰라 나름 귀엽다~

글자 위아래를 가운데로 정렬하기 위해 line-height 를 박스의 크기와 같게 해줌.

const StLi = styled.li`
  width: 80px;
  height: 30px;
  line-height: 30px;
  border: 1px solid black;
  border-radius: 10px 10px 0 0;
`;

// * 위 문법은 styled component를 사용하고있음 주의

 

 

 

(글자 세로 정렬 관련)

【CSS】 글자 세로 가운데 정렬하는 4가지 방법 ⋆ Our Small Joy