html - Creating a help icon using CSS -

I'm currently using an anchor tag to generate a question mark for the help icon. It looks like

but I Question mark to see this way:

< / P>

I'm not sure how I can style to look like a second style with CSS. How can you create a background 1) a cycle and 2) have a gradient?

You can do it with 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.2.25); -Moz-box-shadow: inset-1px -1px 1px 0px rgba (0,0,0,0.2.25); Box-Shadow: Inset-1px -1px 1px 0px rgba (0,0,0,0.2.25); }  

  & lt; A href = "#" & gt ;? & Lt; / A & gt; Quantin is a graphic problem that is not a programmer