css style each paragraph code example
Example 1: how to add style to p tag in html
<h1 style="color:blue;">This is a Blue Heading</h1>
<!DOCTYPE html>
<html>
<head>
<style>
body {background-color: powderblue;}
h1 {color: blue;}
p {color: red;}
</style>
</head>
<body>
<h1>This is a
heading</h1>
<p>This is a paragraph.</p>
</body>
</html>
Example 2: how to apply different properties to different paragraphs in css
/*Here two ways are mentioned*/
#one{
font-family: 'Impact';
color: red;
font-size: 25px;
}
#two{
font-family: 'Times New Roman';
color: blue;
font-size: 50px;
}
.three{
font-family: 'Impact';
color: red;
font-size: 25px;
}
.four{
font-family: 'Times New Roman';
color: blue;
font-size: 50px;
}