Можно ли создавать точки с помощью css и html?

Question

Я работаю над мобильным дизайном. Мне нужно представлять часть динамика с использованием двух рядов точек. Можно ли спроектировать некоторые точки с помощью html и css?. Я искал долгое время, но я не получал соответствующий ответ. Может кто-нибудь мне помочь?

Я добавил изображение для лучшего понимания.

Answer 1

Один из способов заключается в использовании радиального градиента, менее хорошую поддержку браузера, хотя

.dots { 
 
    height: 36px; 
 
    background-image: -webkit-repeating-radial-gradient(center center, rgba(255,255,255,.4), rgba(255,255,255,.4) 4px, transparent 4px, transparent 100%); 
 
    background-image: repeating-radial-gradient(center center, rgba(255,255,255,.4), rgba(255,255,255,.4) 4px, transparent 4px, transparent 100%); 
 
    background-size: 12px 12px; 
 
    background-color: black; 
 
}

<div class="dots"></div>

Answer 2

Я вставив Unicode •, которая выглядит как • в текстовой части моего HTML-документа.

Он работает с любым браузером, даже если посетитель использует пользовательский CSS, отключает JS или что-то еще.

Более @http://character-code.com/arrows-html-codes.php