본문 바로가기 메뉴 바로가기

아싸지만 1일1글 하고싶어

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

아싸지만 1일1글 하고싶어

검색하기 폼
  • 전체보기 (99)
    • 웹개발(프론트) (73)
      • Mac (3)
      • React (21)
      • React_Native (4)
    • 일상 (4)
    • 도토리 (9)
    • 웹개발(구조) (6)
    • 백앤드 (5)
      • NodeJs (4)
      • NestJs (1)
    • 포스트아이템 (2)
  • 방명록

Border (1)
border-radius

목차 어라... border-radius를 안 했었네...? 진짜로..? 내가 제일 자주 쓰는 건데 border-radius border-radius는 직역하면 경계선-반지름이다. 경계선에 반지름을 추가한다는 뜻으로써 쉽게 얘기하자면 영역 모서리에 반지름을 추가한다는 뜻이다. 즉 모서리가 동글동글해진다는 것! 코드 div{ width: 200px; height: 200px; background: #ffe3fe; } 일단 기본형인 사각형을 만들었다. 값 1개 이제 여기서 div{ border-radius: 30px; width: 200px; height: 200px; background: #ffe3fe; } 이렇게 border-radius 값을 하나 지정하면, 모서리 4개가 다 해당 값으로 변환된다. 값 ..

웹개발(프론트) 2021. 4. 7. 22:21
이전 1 다음
이전 다음
공지사항
  • 불안한 사람을 위한 블로그
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG
  • async
  • 접근성
  • homebrew
  • 웹접근성
  • 서버
  • 가상샐렉터
  • visualcode
  • 아이콘
  • 이쁜코드
  • react
  • nodejs
  • 비동기
  • useReducer
  • touchable
  • proptype
  • Expo
  • Hook
  • Router
  • 쿠키
  • 무료아이콘
  • Redux
  • switch
  • CSS
  • html
  • dom
  • 랜더링
  • usecookies
  • 에러
  • 클릭
  • SVG
more
«   2025/05   »
일 월 화 수 목 금 토
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31
글 보관함

Blog is powered by Tistory / Designed by Tistory

티스토리툴바