Ella 프론트엔드일지

  • 홈

css속성 1

CSS) 모서리 둥굴게 만드는 border-radius 문법

사각형의 모서리를 둥굴게 만드려면 어떻게 해야할까?/ border-radius를 쓰자! ✅border-radius 1)기본값 : 0 둥글게 없음. 그냥 사각형 모양 2) px,em,vw등 단위를 지정하면 모서리가 둥그래진다. ➡️코드펜 아래 예시를 살펴보자 div 사격형 요소에 border-radius :10px; 만큼 주었다. 결과를 보니 네 각이 모두 10px만큼 둥그래졌다. 원의 반지름 10px 만큼 둥그래지는 개념이다. ➡️그런데 네개의 각 말고 한 각만 둥글게 하고싶다면?? border-radius 속성도 단축속성이기에 한각씩만 둥글게 할수있다. 시계방향으로 간다고 생각하면 된다.

프론트엔드 개발/CSS 2022.09.10
이전
1
다음
더보기
프로필사진

적지 않으면 병이 생기는 주인장 || 스크롤 압박 굉장히 좋아함 || 파고드는 드릴다운을 좋아함

  • 분류 전체보기 (147)
    • 주인장 소개 (2)
    • 컴퓨터 기초 지식 (4)
      • 네트워크 (2)
    • 프론트엔드 개발 (94)
      • html (3)
      • CSS (15)
      • JavaScript (35)
      • React (25)
      • Typescript (7)
      • Next.js (1)
      • Git&GitHub (1)
      • vue (1)
    • 수학 (0)
    • IT 산업&뉴스 (0)
    • 알고리즘 테스트 (5)
    • 개발 외부활동 (1)
    • 프로젝트 이모저모 (24)
      • HoduMarket 프로젝트 (18)
      • interactive web (0)
    • [멋쟁이사자처럼]프론트엔드스쿨 3기 (16)

Tag

grid-template, 부트캠프회고, 프론트엔드스쿨3기, css가운데정렬, 멋쟁이사자처럼, margin, 마진병합현상, 프론트엔드개발, 리액트, css속성, 프론트엔드스쿨, margin_collapsing, 배열반복, 프리온보딩, Flex, Sass변수지정, 프론트엔드, CSS, postion, margin:0 auto;,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

Archives

Copyright © Kakao Corp. All rights reserved.

티스토리툴바