css style for paragraph code example

Example 1: css text

text-align: center, right, left, justify, start, end;
font-weight: lighter, 100, normal, 400, bold, 700, bolder, 900;
text-decoration: wavy, dashed, dotted, double, solid, underline, line-through, overline;
text-decoration: underline red;
line-height: normal;
letter-spacing: 2;
font-size: 100px;
font-family: 'Courier New', Courier, monospace;

Example 2: 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 3: 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 4: 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>

Tags:

Html Example

Related