链接按钮到 HTML 特定部分

Question

我试图将我的按钮链接到我网站的特定部分，这是代码：

```      
<div>
        <button class="btn btn-opacity-light mr-1" a class="nav-link" <a href="#features-section"></a>Empezar Ahora</button>
      </div>```

这是我试图链接它的部分：

```  
<div class="content-wrapper">
    <div class="container">
      <section class="features-overview" id="features-section" >
        <div class="content-header">
          <h2>Experiencia EPCE</h2>
          <h6 class="section-subtitle text-muted">En EPCE nos centramos en brindar el conocimiento y la experiencia que el mercado laboral y profesional requiere, a través de diversos instructores especializados en distintos campos. Brindamos una metodología única y acorde a los desafíos actuales, mediante el desarrollo de casos reales y asimilación de conocimiento.</h6>
        </div>
        <div class="d-md-flex justify-content-between">
          <div class="grid-margin d-flex justify-content-start">
            <div class="features-width">
              <img src="images/Group12.svg" alt="" class="img-icons">
              <h5 class="py-3">Aprende</h5>
              <p class="text-muted">Nuevos conocimientos a través de las sesiones educativas y aplicación práctica.</p> 
            </div>
          </div>
          <div class="grid-margin d-flex justify-content-center">
            <div class="features-width">
              <img src="images/Group7.svg" alt="" class="img-icons">
              <h5 class="py-3">Vive</h5>
              <p class="text-muted">La amplia gama de experiencias brindada por nuestros instructores.</p>
            </div>
          </div>
          <div class="grid-margin d-flex justify-content-end">
            <div class="features-width">
              <img src="images/Group5.svg" alt="" class="img-icons">
              <h5 class="py-3">Innova</h5>
              <p class="text-muted">Con soluciones efectivas a través de las herramientas y conocimientos brindados en EPCE.</p>
            </div>
          </div>
        </div>
      </section> ```

希望有人能帮助我谢谢。

Answer 1

为什么不：

<a href="#features-section" class="btn btn-opacity-light mr-1 nav-link">
Empezar Ahora
</a>

编辑：

如果你的按钮变得很大，添加一个 class 到它，比如“home-button”并添加：

        .home-button {
            display: inline-block;
            padding: 0 5px 0 5px;
        }

到您的 CSS 样式表

Answer 2

这很好用

 a href="#features-section" type="button" class="btn btn-opacity-light mr-1 nav-link"> Empezar Ahora </a>