styling a paragraph in css code example

Example 1: how to style individual paragraphs in css

/* This is the reference to style the above code of html in css*/

#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;
}

Example 2: 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 3: how to style individual paragraphs in css

<!--This is an example of html problem-->

<!doctype html>

<html>
    <head>
    <link rel="stylesheet" type="text/css" href="test.css">
    </head>

    <body>
    <p id="one"><p>Paragraph 1</p>
    <p id="two"><p>Paragraph 2</p>
    <p class="three">Paragraph 3</p>
    <p class="four">Paragraph 4</p>
    </body>
</html>

Example 4: text color css

.YourClass {
  color: #ff0000;
}

Tags:

Html Example

Related