链接按钮到HTML特定的部分



我想把我的按钮链接到我网站的特定部分,这是代码:

```      
<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> ```

希望有人能帮助我,谢谢。

为什么不呢:

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

编辑:

如果你的按钮变得很大,给它添加一个类,比如"home-button"并添加:

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

到你的CSS样式表

运行正常

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

最新更新