我正在尝试使用selector
来增加子弹操作符的大小,但事实证明它变成了方形而不是圆形。
任何人都可以建议:
我使用以下代码段复制问题:
font-size
.first {
width:30%;
min-height: 40px;
background-color: grey;
text-align: center;
}
.first:after {
content: "\2219";
font-size:70px;
}
答案 0 :(得分:2)
您可能正在寻找的角色是
.first::after {
content: "\2022";
}
查看十六进制列,这看起来像一个有用的参考站点。
答案 1 :(得分:1)
字体的类型也会影响这个字符..为了说明,我使用monospace
字体并得到一个圆形的圆圈
这里的片段
.first {
width:30%;
min-height: 40px;
background-color: grey;
text-align: center;
}
.first:after {
font-family:monospace;
content: "\2219";
font-size:70px;
border-radius:5px;
}

<script src="https://code.jquery.com/jquery.min.js"></script>
<link href="https://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css" rel="stylesheet" type="text/css" />
<script src="https://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/js/bootstrap.min.js"></script>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
</head>
<body>
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="first">
<p>This is test</p>
</div>
</div>
</div>
</div>
</body>
</html>
&#13;