Как заменить текст на изображение в html

Question

У меня есть этот код, и я хочу заменить «текстовый пример» собственным изображением. Я попытался заменить его на CSS, но сделал это хуже всего.
Заранее спасибо.

<nav class="navbar navbar-b navbar-trans navbar-expand-md fixed-top" id="mainNav">
    <div class="container">
      <a class="navbar-brand js-scroll" href="#page-top">text example</a>

Answer 1

Попробуйте этот метод.

<a class="navbar-brand js-scroll" href="#page-top">
     <img src="..." alt="Image_description">
</a>

Если вы используете bootstrap CDN, вы можете добавить больше стилей, если хотите, а затем попробовать

<a class="navbar-brand js-scroll" href="#page-top">
     <img src="..." class="img-fluid" alt="Responsive image">
</a>