TransWikia.com

como mover botones de ruta en la pagina angular 8/9

Stack Overflow en español Asked by Kenny Cifuentes on November 7, 2021

tengo el siguiente codigo simple, es una pagina que tiene 2 botones (ir a formularios) y (ir a resultados) los cuales nos llevan a las rutas /formularios y /test, necesito ahora hacerlo un poco mas agradable a la vista, agregar un background y centrar los botones, como puedo hacer esto? adjuntare fotos de los codigos

  1. la foto con el punto verde es el app.component.html, donde llamo al componente header con su respectiva etiqueta (el cual tiene dentro los 2 botones que llevan a las rutas) y el router outlet que permite ver el contenido de estas ventanas.

introducir la descripción de la imagen aquí

  1. la foto con el punto rojo es el header.html donde tengo ubicado los enlaces de las rutas

introducir la descripción de la imagen aquí

  1. la ultima foto es lo que seria el "home" de mi pagina, donde ahi se puede ver el lugar que estan ubicados los 2 botones, me gustaria poder centrarlos y tambien poner un background para que no este el fondo blanco

introducir la descripción de la imagen aquí

One Answer

Tienes que usar CSS para agregar un background y centrar los botones. Si quieres un background para todo la app, usa el estilo background o background-color en app.component.css.

Ejemplo:

background-color: blue;

Para centrar los botones, hay mucha opciones. Yo prefiero flex.

Ejemplo:

.centrar-botones {
    display: flex;
    flex-direction: row;
    justify-content: center;
}
<div class="centrar-botones">
    <a>link 1</a>
    <a>link 2</a>
</div>

Answered by Will Robertson on November 7, 2021

Add your own answers!

Ask a Question

Get help from others!

© 2024 TransWikia.com. All rights reserved. Sites we Love: PCI Database, UKBizDB, Menu Kuliner, Sharing RPP