html - 使用 CSS 创建帮助图标

Question

现在我正在使用 anchor 标记为帮助图标生成一个问号。看起来像这样

但我希望问号看起来像这样:

我不确定如何使用 CSS 将其设置为看起来像第二个。如何创建 1) 圆形和 2) 渐变背景？

Answer 1

你可以像这样用 css 来做。

a {
    color:#fff;
    background-color:#feb22a;
    width:12px;
    height:12px;
    display:inline-block;
    border-radius:100%;
    font-size:10px;
    text-align:center;
    text-decoration:none;
    -webkit-box-shadow: inset -1px -1px 1px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: inset -1px -1px 1px 0px rgba(0,0,0,0.25);
    box-shadow: inset -1px -1px 1px 0px rgba(0,0,0,0.25);
}

<a href="#">?</a>

但是 Quentin 是正确的，这是一个图形问题而不是程序员