如何在 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>

如果您使用的是引导 CDN，您可以添加更多 styles 如果您愿意，然后尝试使用

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