Как задать иконке закруглённый фон? [закрыт]

164
20 ноября 2019, 09:40

Как сделать такую же ерись как на картинке ?

Answer 1

Вот с использованием font-awesome

i.fa { 
  display: inline-block; 
  border-radius: 30px; 
  color: red; 
  padding: 0.5em 0.5em; 
  background-color: white 
} 
 
div.bg{ 
  width: 31px; 
  height: 32px; 
  background-color: red; 
}
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" /> 
<div class="bg"> 
  <i class="fa fa-wrench"></i> 
</div>

READ ALSO
Как при использовании команды animateMotion избежать переворачивания объекта движения
CSS

Как при использовании команды animateMotion избежать переворачивания объекта движения

Я создал svg приложение в котором два объекта движутся по криволинейной траекторииЖёлтый шарик при движении не переворачивается, так как...

 209
Как сделать border style circle на css?
CSS

Как сделать border style circle на css?

Как сделать границу кружочками на css, как на картинке, не используя при этом повторяющееся изображение круга, но при этом, чтобы при различном...

 189
Отмотка страницы к началу при смене сладов
javascript

Отмотка страницы к началу при смене сладов

Здравствуйте, можете подсказать как сделать так чтобы после каждой прокрутке сайта страница не отматывалась к верху? Код слайдера прикреплен...

 179
HTML5 audio поток &ldquo;прыгает&rdquo;
javascript

HTML5 audio поток “прыгает”

Реализую проигрывание аудиопотока на сайте с помощью JavaScript:

 200