IT노트(구)/HTML/CSS
(html/css) 둥근 div 만들기(border-radius 이용)
스프링연구소
2015. 12. 1. 20:11
div를 둥글게 만들려면 어떻게 해야할까?
border-radius 옵션을 사용하면 아주 간단하게 만들 수 있다!(이제 포토샵은 더 이상 필요없다!)
다음과 같이 처리하면 된다!(완전히 둥근 원을 볼 수 있을 것이다!)
<div style="border-radius: 50%; height: 500px; width: 500px; background-color: blue;">
</div>
IE9에서 제대로 동작하지 않는다면
<head></head>에 다음 태그를 삽입해주면 된다!
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>