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

Crear boton con texto en 2 colores

  • emi8

    (@emi8)



    hace 6 días, 13 horas

    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 - 1 de 2 (de 2 total)
  • Carlos Longarela

    (@carloslongarela)

    hace 6 días, 11 horas

    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.

    emi8

    (@emi8)

    hace 6 días, 5 horas

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

    salu2

Viendo 2 respuestas - 1 de 2 (de 2 total)
  • Debes estar registrado para responder a este tema.

Vistas