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!!!!
<!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.
<!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>
Tema: HTML y CSS ejercicio aplicar estilos a Lineas separadoras tipo hr CU00716B (Leído 2171 veces)
RSS -
WAP2