Soporte » Diseño – Temas y plantillas » Crear boton con texto en 2 colores

Crear boton con texto en 2 colores

  • emi8

    (@emi8)


    hace 3 años, 8 meses

    Hola que tal,

    Me gustaría preguntar, si quiero crear un botón con borde que ponga x ejemplo:

    Ver Ofertas – Precios

    Y que «Ver ofertas – » vaya en color negro
    y «Precios» vaya en color rojo

    Alguien me puede indicar cómo?

    salu2

Viendo 2 respuestas - de la 1 a la 2 (de un total de 2)
  • Carlos Longarela

    (@carloslongarela)

    hace 3 años, 8 meses

    Hola @emi8 lo que pides es cuestión de CSS, en internet podrás encontrar cientos de guías de como utilizarlo. Un ejemplo rápido sería:

    <style>
.btn { border: 1px solid #000; padding: 10px; text-align:center; color: #000; }
.btn:hover { border: 1px solid #f00;}
.rojo {color:#f00;}
</style>

    en cuanto al CSS y el html que generaría un enlace con apariencia de botón y el texto en colores sería:
    <a href="https://www.google.es" class="btn">Ver Ofertas – <span class="rojo">Precios</span></a>

    Este es un ejemplo muy básico que podrás adaptar y personalizar con HTML y CSS todo lo que quieras, puedes ver el resultado en el siguiente ejemplo rápido que he creado a modo demo: https://codepen.io/carlos_longarela/pen/jQojmW

    Saludos.

    Iniciador del debate emi8

    (@emi8)

    hace 3 años, 8 meses

    Hola Carlos, gracias por contestar! Tomo nota, voy a ir probando a ver q tal.

    salu2

Viendo 2 respuestas - de la 1 a la 2 (de un total de 2)
  • El debate ‘Crear boton con texto en 2 colores’ está cerrado a nuevas respuestas.

Vistas