html - 用 Logo 图像替换 H1 文本

Question

我希望使用 HTML 和 CSS 在我的页面上将我的站点 Logo 显示为 H1 元素。此外，我需要使用 CSS 将图像缩小以与我的页面保持一致。我该怎么做呢？

有人能帮忙吗？

提前致谢，卡勒姆

Answer 1

这就是你可以做的:

html:

<h1 class="logo">My Company</h1>

CSS:

h1.logo{
  display:block;
  width: 300px;
  height: 200px;
  background: url(images/logo.png) 0 0 no-repeat;
  text-indent: -20000px;
}