Question

我希望我的网站徽标在我的网页上显示为带有HTML和CSS的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;
}

Answer 2

HTML：

<h1 class="logo">My Logo Text for SEO</h1>

CSS：

.logo { background:url(path/to/image.gif) 0 0 no-repeat; display:block; height:50px; overflow:hidden; text-decoration:none; text-indent:-9999em; width:50px; }

Answer 3

您可以在CSS中将元素的背景设置为图像：

h1
{
    background-image: url('Images/Logo.png');
    background-repeat: no-repeat;
}

最好为h1标记分配一个ID，并在css中按ID引用该元素，或者如果它可以应用于多个h1标记，则使用一个类。

Answer 4

<h1 style="background-image:url('file.jpg')"></h1>

用徽标图像替换H1文本

4 个答案: