w3.css
원
CSS를 사용하여 빈 원을 만드는 방법을 알아보자.
원을 만드는 방법
1단계) HTML 추가
<span class="dot"></span> <span class="dot"></span> <span class="dot"></span> <span class="dot"></span>
2단계) CSS 추가
.dot { height: 25px; width: 25px; background-color: #bbb; border-radius: 50%; display: inline-block; }
기본 예시
예제 보기참고
W3C School - How TO - Circles