是否可以使用css和html创建点？

Question

我正在进行移动设计我需要使用两行点表示扬声器部分。是否可以使用html和css设计一些点？。我搜索了很长时间，但我没有得到一个相关的答案。任何人都可以帮助我吗？

我添加了一张图片以便更好地理解。

Answer 1

我将Unicode •插入到我的HTML文档的文本部分中。

它适用于任何浏览器，即使访问者使用自定义CSS，禁用JS或其他任何内容。

更多@ http://character-code.com/arrows-html-codes.php

Answer 2

一种方法是使用径向渐变，但不太好的浏览器支持

＆＃13;

＆＃13;

.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;
}

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;