Cách thực hiện - Vòng kết nối
Tìm hiểu cách tạo vòng kết nối trống bằng CSS.
Cách tạo vòng kết nối
Bước 1) Thêm HTML:
Thí dụ
<span class="dot"></span>
<span class="dot"></span>
<span
class="dot"></span>
<span class="dot"></span>
Bước 2) Thêm CSS:
Để tạo hình tròn, hãy sử dụng thuộc tính bán kính đường viền và đặt giá trị thành 50%. Sau đó, kết hợp các thuộc tính chiều cao và chiều rộng với một giá trị phù hợp:
Thí dụ
.dot {
height: 25px;
width: 25px;
background-color: #bbb;
border-radius: 50%;
display:
inline-block;
}