how to style a paragraph in css 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: text color css

.class {
  color: white;
}

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