Cómo crear números en círculos para ruta de autobuses

ramonjosegn · 16 Feb 2016

Hola chicos.

Siempre me gusta revisar lo que hacen en otros sitios web vinculados con la temática de buses.

Me gusta mucho que suelen tener un círculo (o cuadrado) con el número de la ruta.

He visto que se podría hacer con CSS pero no sé que tan complicado sea integrarlo la verdad.

Gracias

Cicklow · 16 Feb 2016

con CSS

HTML:

<div class="numeroRedondo">30</div>
<style>
.numeroRedondo {
    border-radius: 50%;

    width: 36px;
    height: 36px;
    padding: 8px;

    background: #fff;
    border: 2px solid #666;
    color: #666;
    text-align: center;

    font: 32px Arial, sans-serif;
}
</style>

solo agregas el CSS al header.php o en style.css (sibn <style>) y el div lo usas donde gustes
Demo: https://jsfiddle.net/oeom2101/

Cómo crear números en círculos para ruta de autobuses

ramonjosegn

Cicklow

Temas similares