Как создать: пустотелый круг
- Предыдущая страница Облако тегов
- Следующая страница Оформленная горизонтальная линия
Узнайте, как использовать CSS для создания пустотелого круга.
Как создать пустотелый круг
第一步 - Добавление HTML:
<span class="dot"></span> <span class="dot"></span> <span class="dot"></span> <span class="dot"></span>
第二步 - Добавление CSS:
Чтобы создать круг, используйте border-radius
свойство и установите значение: 50%
Затем высота
и ширина
Использование свойств и значений в сочетании:
.dot { height: 25px; width: 25px; background-color: #bbb; border-radius: 50%; display: inline-block; }
- Предыдущая страница Облако тегов
- Следующая страница Оформленная горизонтальная линия