使用CSS创建帮助图标

Question

现在我使用锚标记为帮助图标生成问号.看起来像这样

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

我不确定如何用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是正确的,这是一个图形问题,而不是程序员