22 mayo, 2019

Añadir barra horizontal hr con html y css

Para añadir una barra horizontal de separación haremos lo siguiente:

En el head pondremos:

    <style type="text/css">
            hr.hr_negro {
                        height: 10px;
                        margin-left: 0%;
                        margin-right: 50%;
                        height: 5px;
                        background-color: black;
                        }
            hr.hr_azul {
                        height: 10px;
                        margin-left: 0%;
                        margin-right: 50%;
                        height: 5px;
                        background-color: #0066CC;
                        }
            hr.hr_verde {
                        height: 10px;
                        margin-left: 0%;
                        margin-right: 50%;
                        height: 5px;
                        background-color: yellowgreen;
                        }
    </style>

Y el codigo html de la barra o barras serán:

<hr class="hr_verde">
<hr class="hr_negro">
<hr class="hr_azul">

Fuente:
http://www.mclibre.org/consultar/htmlcss/css/css-hr.html