<html>
<head>
<title> HTML e CSS </title>
<style>
body{
background-color: #ff5500;
}
.jerisvaldo{
color: #ffffff;
text-align: center;
font-size: 40px;
border: 2px dotted #ffffff;
font-family: Arial, sans-serif;
width: 100%;
height: 40%;
background-color: #000000;
}
#ribamar{
color: #0000ff;
text-align: right;
font-size: 40px;
border: 2px double #ff00ff;
font-family: Comic Sans, cursive;
width: 100%;
height: 40%;
background-color: #000000;
}
.jerisvaldo:hover{
background-color: #ff00ff;
border: 12px dotted #ffffff;
}
.jerisvaldo:active{
background-color: #ffff00;
}
</style>
</head>
<body>
<p class="jerisvaldo"> Primeiro Texto </p>
<p id="ribamar"> Segundo Texto </p>
</body>
</html>
