方法-サークル
CSSを使用して空の円を作成する方法を学びます。
サークルを作成する方法
ステップ1)HTMLを追加します。
例
<span class="dot"></span>
<span class="dot"></span>
<span
class="dot"></span>
<span class="dot"></span>
ステップ2)CSSを追加します。
円を作成するには、border-radiusプロパティを使用して、値を50%に設定します。次に、heightプロパティとwidthプロパティを一致する値と組み合わせます。
例
.dot {
height: 25px;
width: 25px;
background-color: #bbb;
border-radius: 50%;
display:
inline-block;
}