How to apply inline CSS ?
Last Updated :
09 May, 2023
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:
Like Article
Suggest improvement
Share your thoughts in the comments
Please Login to comment...