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"/>
'IT노트(구) > HTML/CSS' 카테고리의 다른 글
| (html/css) div를 화면 정중앙에 정렬하는 방법 (1) | 2015.12.01 |
|---|---|
| (html/css) div 2개 나란히 정렬하는 방법 (0) | 2015.12.01 |
| border-radius가 ie9에서 동작하지 않는 경우 해결 방법 (0) | 2015.12.01 |
| html table 테두리 가늘게 만들기(외곽선 두 줄 없애기) (0) | 2015.12.01 |
| 오른쪽 하단에 고정된 div 만들기 (1) | 2015.11.30 |