개발자의 끄적끄적

[html/css] css border-radius example / css로 특정 영역 동그랗게 만드는 방법 본문

개발/html & css

[html/css] css border-radius example / css로 특정 영역 동그랗게 만드는 방법

효벨 2021. 8. 30. 03:00
728x90
반응형

[html/css] css border-radius example / css로 특정 영역 동그랗게 만드는 방법

 

 

html 에서

 

이미지나 특정영역을

 

동그란 원과 같이 만들어야 하는경우에는

 

아래 나와있는 border 옵션을

 

해당 태그에 추가해주면 됩니다!

 

border-radius: 70%;

 

만약

 

동그란 원이 아닌 꼭지점 4개만

 

둥그런모양으로 하고 싶은경우에는

 

아래 처럼 border-radius 옵션을 30%로 설정하면 됩니다!

 

border-radius: 30%;

 

참고들하세요!

반응형
Comments