如何在我的网页上获得三个圆点?

时间:2014-01-22 11:22:55

标签: html css web fonts

我使用...但是当我增加它们的大小时,点变成正方形。我想得到圆点。

怎么做?

5 个答案:

答案 0 :(得分:2)

我们有! :)

CSS:

body {
    font-size: 400px;
}

DEMO HERE

现在我们有正方形! :(

CSS:

body {
    font-size: 400px;
    font-family: Impact, Charcoal, sans-serif;
}

DEMO HERE

没有看到代码很难说,但很可能是你拥有的字体。

答案 1 :(得分:1)

它主要取决于您使用的字体。您可以尝试更改它,也可以使用一些特殊字符:

Bull x 3(•)=•••

省略号(…)= ...

(此处显示的结果并不代表您使用缩放或更大的字体大小所获得的结果。)

答案 2 :(得分:0)

你必须使用font-family:“Trebuchet MS”,Arial,Helvetica,sans-serif;

答案 3 :(得分:0)

我从你提出问题的方式感觉到你纯粹是出于设计目的使用它,在这种情况下你根本不应该使用标点符号。因此,为了不必要地完全落伍,这里是一个可访问的版本:

HTML:

<div
    class="dots"
    aria-description="Three Dots">        
</div>

CSS:

.dots {
    white-space: nowrap;
}
.dots, .dots:before, .dots:after {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: black;
    border-radius: 50%;
}

.dots:before, .dots:after {
    content: ' ';
}

.dots:before {
    margin-left: 24px;
}

答案 4 :(得分:-2)

这是一个字体问题。尝试更改字体