h1标签超链接首页，和h2标签超链接关于我们，联系我们，之间有间距设置，还有颜色不同

在HTML中，如果你想要设置`<h1>`、`<h2>`标签作为超链接，并分别指向首页、"关于我们"页面和"联系我们"页面，同时控制它们之间的间距和颜色，你可以这样做：

<style>
    a.h1-link {
        color: #007BFF; /* 设置链接文字颜色 */
        text-decoration: none; /* 消除默认下划线 */
    }

    a.h1-link:hover {
        color: #4682B4; /* 鼠标悬停时的颜色变化 */
    }
    
    .header-separator {
        margin: 1rem 0; /* 添加上下间距，单位可以调整 */
    }
</style>

<h1 class="header-separator">
    <a href="/" class="h1-link">首页</a> 
</h1>
<h2 class="header-separator">
    <a href="/about" class="h1-link">关于我们</a>
</h2>
<h2 class="header-separator">
    <a href="/contact" class="h1-link">联系我们</a>
</h2>

在这个例子中，`<h1>`和`<h2>`都包含了一个`<a>`标签，表示它们是超链接。`.header-separator`样式用于添加间距，`.h1-link`则设置了基础链接样式和鼠标悬停效果。你可以根据需要调整颜色和间距值。