Está en la página 1de 11

Atributos CSS

Atributos CSS Fuentes - FONT

Atributos CSS Prrafos - TEXT

Atributos CSS Fondo - BACKGROUND

Atributos CSS Fondo - BACKGROUND


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html> <head> <title>Untitled</title> <style type="text/css"> body {background-image: url(boton.gif);marginleft:100px;padding-left:100px} td {background-color:cccccc;paddingleft:20px;margin-left:100px} </style> </head>

Atributos CSS Fondo - BACKGROUND


<body> <h1>Hola!!</h1> Esto es un margen!! <table width="300" cellspacing="2" cellpadding="2" border="3"> <tr> <td>hoa!!!</td> <td>dfsgdg cdf df df</td> </tr> <tr> <td> tfrhgfhvgfh gf</td> <td>fg gfj ghjg h kg</td> </tr> </table> </body> </html>

Atributos CSS Box - CAJA

Atributos CSS Box - CAJA

Atributos CSS Box - CAJA


Ejemplo de border-width:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <title>Borde con estilos</title> <style type="text/css"> P { border: solid red; border-width: 0.5in; } table {border-style: dashed; order-color: black} </style> </head>

Atributos CSS Box - CAJA


<body> <p>Esto es un p&aacute;rrafo</p> <table width="100" cellspacing="2" cellpadding="2" border="0"> <tr> <td>&nbsp;</td> <td>&nbsp;</td> </tr> </table>

</body> </html>

Atributos CSS Box - CAJA


Ejemplo de clear :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html> <head>
<title>Untitled</title> </head> <body> <img src="boton.gif" width=100 height=140 style="float:right"> Texto de prueba, eto es un texto en pruebas. Texto de prueba, eto es un texto en pruebas. Texto de prueba, eto es un texto en pruebas. Texto de prueba, eto es un texto en pruebas. Texto de prueba, eto es un texto en pruebas. Texto de prueba, eto es un texto en pruebas. Texto de prueba, eto es un texto en pruebas. <P style="clear:right">Este parrafo se situa abajo por el estilo clear</p> </body> </html>

También podría gustarte