본문 바로가기

웹/프론트

css/ 모서리를 둥글게!

3가지 방법이 존재합니다.


border-radius:   ;  전체 모서리의 곡률 설정


border- top/bottom - left/righ-radius:  ;  상/하+좌/우 모서리의 곡률 설정


border-radius: [상/좌] [상/우] [하/우] [하/좌] ; 4개 모서리의 곡률을 분리해서 설정






border-radius: 30px;








border-top-left-radius: 30px;
border-bottom-right-radius: 30px;









border-radius: 30px 0 30px 0;






' > 프론트' 카테고리의 다른 글

css/ 모서리를 둥글게!  (0) 2019.02.19