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

  • 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)
  • 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.

    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.