Foros aprenderaprogramar.com

Aprender a programar => Aprender a programar desde cero => Mensaje iniciado por: hymsoft en 07 de Agosto 2016, 01:58

Título: HTML y CSS ejercicio aplicar estilos a Lineas separadoras tipo hr CU00716B
Publicado por: hymsoft en 07 de Agosto 2016, 01:58
Buenas!!!!

Aca el cambio de las etiquetas <P>, cambiando todo lo deprecated por expresiones CSS. El Unico cambio que note usando mi navegador entre una y otra forma, es que mediante CSS parece como que fueran un poquito mas grandes las líneas.

Saludos!!!!

Código: [Seleccionar]
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>Ejemplo del uso de separadores - aprenderaprogramar.com</title>
    </head>
    <body>           
        <p>A continuación insertamos un separador.</p>
        <hr style="height:8px; color:black; background-color:black" />
        <p>A continuación seguimos escribiendo debajo del separador.</p>
        <hr style="height:2px;color:black;background-color:black" />
    </body>
</html>
Siguiendo un poco mas adelante en el capitulo, pues me he enterado de por que se veia un poquito mas gruesa, jajajajaja por la "Sombra". Me costo bastante alinearla a la derecha,porque no ponia el atributo margin. Si no uso este atributo la alineacion izquierda derecha no funciona??? porque siempre me quedaba en el centro...

Aqui el código terminado.

Código: [Seleccionar]
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>Ejemplo del uso de separadores - aprenderaprogramar.com</title>
    </head>
    <body>           
        <p>A continuación insertamos un separador.</p>
        <hr style="height:8px; color:black; background-color:black" />
        <p>A continuación seguimos escribiendo debajo del separador.</p>
        <hr style="height:2px;color:black;background-color:black;width:75%" />
        <p>Franja de Grosor 5px, de un ancho de 50%, color rojo y alineada al centro</p>
        <hr style="height:5px; width:50%;color:red;background-color:red;text-align:center" />
        <p>Franja de grosor 2px, de un ancho del 80%, color negro, sin sombra y alineada a la derecha</p>
        <hr style="height:2px; width:80%;color:red;background-color:red;border-style:none;text-align:right;margin-right:0px" />
    </body>
</html>
Título: Re:HTML y CSS ejercicio aplicar estilos a Lineas separadoras tipo hr CU00716B
Publicado por: Ogramar en 08 de Agosto 2016, 22:47
Buenas el ejercicio bien, por lo del margin no te preocupes pues hay otro curso completo sobre CSS donde se explican todos los detalles...

Salu2