방법 - 서클
CSS로 빈 원을 만드는 방법을 알아보세요.
원을 만드는 방법
1단계) HTML 추가:
예시
<span class="dot"></span>
<span class="dot"></span>
<span
class="dot"></span>
<span class="dot"></span>
2단계) CSS 추가:
원을 만들려면 border-radius 속성을 사용하고 값을 50%로 설정합니다. 그런 다음 높이 및 너비 속성을 일치하는 값과 결합합니다.
예시
.dot {
height: 25px;
width: 25px;
background-color: #bbb;
border-radius: 50%;
display:
inline-block;
}