使用CSS创建帮助图标

Question

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

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

我不确定如何使用CSS来设置它看起来像第二个。如何创建1）圆圈和2）具有渐变的背景？

Answer 1

你可以用这样的css来做。

＆＃13;

＆＃13;

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

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

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