Untitled

<!DOCTYPE html>
<html>
<head>
<style>
body {
  background-color: lightblue;
}

h1 {
  color: red;
  text-align: center;
}

p {
  font-family: verdana;
  font-size: 20px;
  color: white;
  
}


#p1 {
  color: black;
}

#p2 { 
  color: red;   
}

#p3 { 
  color: green;
}

.rojoYcentrado {
  color: red;
  text-align: center; 
}

.blancoYcentrado {
  color: white;
  text-align: center;
  }
  
 .verdeYcentrado {
   color: green;
   text-align: center;
 }



</style>
</head>
<body>

<h1>My First CSS Example</h1>
<p id = "p1">yo quiero ser color black</p>
<p id = "p2">yo quiero ser color rojo</p>
<p id = "p3">yo quiero ser colo verde.</p>
<p class= "rojoYcentrado" >yo quiero ser rojo y estar centrado</p>
<p class= "blancoYcentrado" >yo quiero ser blanco y estar centrado</p>
<p class= "verdeYcentrado" >yo quiero ser ver y estar centrado</p>


</body>
</html>
Editor is loading...