<html>
<head>
<title>Estilos</title>
<link href="estilos2.css"rel="stylesheet" type="text/css"/>
</head>
<body>
<h1>Estilos basicos</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis vel lacus leo. Suspendisse
accumsan lorem nec arcu dictum elementum. Nulla luctus in nulla at malesuada. Quisque non magna
nec est facilisis eleifend. Nulla facilisi. Donec vel molestie odio, nec fringilla urna.
Pellentesque vitae eros ligula. Aliquam ornare felis vitae nunc sodales, ut mattis neque
imperdiet. Etiam vestibulum lorem venenatis, convallis tellus at, mattis dui. Ut eros turpis,
mollis id eros eget, dignissim euismod risus. Quisque venenatis eget sem et suscipit.</p>
<h2>Estilos básicos 2</h2>
<p class=”miparrafo”>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis vel lacus leo.
Suspendisse accumsan lorem nec arcu dictum elementum. Nulla luctus in nulla at malesuada. Quisque
non magna nec est facilisis eleifend. Nulla facilisi. Donec vel molestie odio, nec fringilla
urna. Pellentesque vitae eros ligula. Aliquam ornare felis vitae nunc sodales, ut mattis neque
imperdiet. Etiam vestibulum lorem venenatis, convallis tellus at, mattis dui. Ut eros turpis,
mollis id eros eget, dignissim euismod risus. Quisque venenatis eget sem et suscipit.</p>
</body>
</html>
CSS
body
{
font-family:Tahoma;
background-color:#00FFFB;
}
h1
{
font-size:30px;
color:#FF0006;
border-bottom-style:solid;
border-bottom-color:#FF7A0C;
}
p
{
font-size:12px;
}
.miparrafo
{
color:#FFFF05
}
No hay comentarios:
Publicar un comentario