공 Hearts 圆 생성 방법

CSS를 사용하여 공 Hearts 圆을 생성하는 방법을 배웁니다.

공 Hearts 圆 생성 방법

第一步 - HTML 추가:

<span class="dot"></span>
<span class="dot"></span>
<span class="dot"></span>
<span class="dot"></span>

第二步 - CSS 추가:

원형을 생성하려면, border-radius 속성의 값을 설정하십시오: 50%를 추가한 후, height 와 width 속성과 일치하는 값을 조합하여 사용하십시오：

.dot {
  height: 25px;
  width: 25px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
}

직접 시도해 보세요