Как сверстать такой кружок?

Question

[GaserV]

Друзья, подскажите. Как сверстать такое?

Answer 1

[HamSter]

вот такой пример

Но советую все же сделать фоновым изображение все для кнопки, чтобы не было проблем с браузером.

Answer 2

[fetis26]

на вскидку

width: 20px;
height: 20px;
border-radius: 50%;
background: #cecece;
border: 5px solid rgba(255, 255, 255, .5)

точные значения цветов померяйте сами.

Comments

[GaserV]

Дело в том, что у вас кружок виден на половину. А скрине он полностью, а бордер на половину.

[GreatRash]

GaserV: Белое на белом не видно просто.

[fetis26]

GreatRash: не понял. у вас видимо где-то overflow:hidden стоит. этот код должен рисовать полный круг. белый бордер на белом не будет виден, все правильно.