Open In App

How to apply inline CSS ?

Last Updated : 09 May, 2023
Comments
Improve
Suggest changes
Like Article
Like
Report

In this article we will learn how to apply inline CSS, Inline CSS contains the CSS property in the body section attached to the element is known as inline CSS. This kind of style is specified within an HTML tag using the style attribute. It is used to apply a unique style to a single HTML element.

Syntax:

<tag style = " "></tag>

Example 1: Here is the basic example of using inline CSS.

HTML 
<!DOCTYPE html>
<html>
  <body>
        <p style="color: #009900;
                   font-size: 50px;
                    font-style: italic;
                    text-align: center;">
               GeeksForGeeks
            </p>
  </body>
</html>

Output:

Example 2: Here is the demonstration of inline CSS.

HTML 
<!DOCTYPE html>
<html>
<body>
    <h2 style="color: green; 
               background: yellow">
        Geeks For Geeks
    </h2>
    <p style="color: black">
        Happy Preparation!!.
    </p>
</body>
</html>

Output:


K

knockpit
Improve
Article Tags :

Explore

Lightbox